JQUERY简单按钮轮换选中效果实现方法
本文实例讲述了JQUERY简单按钮轮换选中效果实现方法。分享给大家供大家参考。具体实现方法如下：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>按钮轮换点击效果</title> <script type="text/javascript" src="jquery-1.6.2.min.js"></script> </head> <style> ul li{list-style-type:none;float:left;} </style> <body> <div style="position:absolute;top:6%;left:1%; "> <ul style="float:left"> <li><input type="button" id="but_1" value="呼入次数" onClick="showItem(this,'inc_call')" /> </li> <li><input type="button" id="but_2" onClick="showItem(this,'inc_conn_call')" value="通话次数" /> </li> <li><input type="button" id="but_3" onClick="showItem(this,'rate')" value="人工接听率" /> </li> <li><input type="button" id="but_4" onClick="showItem(this,'inc_conn_call_20s')" value="20秒接听率" /> </li> <li><input type="button" id="but_5" onClick="showItem(this,'inc_wait_duration')" value="等待均长" /> </li> </ul> </div> </body> </html> <script type="text/javascript"> function showItem(obj,flag){ for(var i=1;i<=5;i++){ var but_id = "but_"+i; if( "but_"+i == obj.id ){ document.getElementById("but_"+i).style.border ="2px solid blue"; }else{ document.getElementById("but_"+i).style.border ="solid 1px #999"; } } } </script>
希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍简单实现jQuery轮播效果，包括了简单实现jQuery轮播效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了jQuery轮播效果展示的具体代码，供大家参考，具体内容如下 jQ代码： 在写jQuery代码之前一定要先导库，此处我用的是3.0的库 css样式： html样式： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍jquery实现选中单选按钮下拉伸缩效果，包括了jquery实现选中单选按钮下拉伸缩效果的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery实现选中单选按钮下拉伸缩效果的方法。分享给大家供大家参考。具体如下： 这是一个使用jQuery插件实现的伸缩效果，在网页上，单击单选按钮，也就是Radio元素后，所属的对应内容向下拉出，伸展开来，平时是不显示的，可用在发票打印快递
-
我对css和jquery非常陌生，我需要帮助我的项目。 我有3个按钮：劣势-平均-优势，我需要使这个按钮工作像单选按钮，所以如果我点击劣势，这个按钮改变背景颜色，其他按钮失去颜色，如果点击他。和缺点按钮得到红色的背景颜色。 如果我点击了平均按钮，这个按钮必须是黄色的，而如果之前点击了他，其他的则会失去颜色 -如果我点击平均按钮，这个按钮必须得到绿色背景色和其他按钮失去颜色。所以就像单选按钮一样 但
-
本文向大家介绍jQuery简单实现tab选项卡切换效果，包括了jQuery简单实现tab选项卡切换效果的使用技巧和注意事项，需要的朋友参考一下 抽空把公司项目上用的tab效果封装了一下，实在是需要用的地方太多了~~~ 效果图： 代码： 以上就是本文的全部内容，希望能给大家一个参考，也希望大家多多支持呐喊教程。
-
本文向大家介绍Jquery实现的简单轮播效果【附实例】，包括了Jquery实现的简单轮播效果【附实例】的使用技巧和注意事项，需要的朋友参考一下 Jquery实现的简单轮播效果【附实例】 以上这篇Jquery实现的简单轮播效果【附实例】就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。
-
本文向大家介绍jQuery实现Tab选项卡切换效果简单演示，包括了jQuery实现Tab选项卡切换效果简单演示的使用技巧和注意事项，需要的朋友参考一下 本文实例针对jQuery实现Tab选项卡切换效果进行了简单演示，完全是自己的思考实现过程，分享给大家供大家参考。具体如下： 起初我Html代码架子是这样的： 后来换成了下面这个： 之所以换成这个，是因为我觉得 dl dt dd 在页面布局中用的比