更多【jquery实现表格中点击相应行变色功能效果【实例代码】】教程文章相关的互联网学习教程文章

【jquery实现表格中点击相应行变色功能效果【实例代码】】教程文章相关的互联网学习教程文章

JQuery 获取json数据$.getJSON方法的实例代码

前台: 代码如下: function SelectProject() { var a = new Array; var r = window.showModalDialog('SelProject.aspx', a, "dialogWidth=1000px; dialogHeight=600px; resizable: yes"); if (typeof (r) != 'undefined') { var arr = r.split(";"); $("#hidProjectInnerID").val(arr[0]); $("#txtProjectNo").val(arr[1]); $.getJ...

Jquery同辈元素选中/未选中效果的实例代码

代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Jquery 同辈元素选中/未选中效果</title> <script language="javascript" type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script> <script type="text/javascript"> fu...

jquery实现输入框动态增减的实例代码

通过字符串拼接，将所有的输入框中的内容，用“1234235#34634234#123525”这样的格式拼接。网页端代码：代码如下:<form><table><tr><th>手机：</th> <td style="padding:10px 0;"> <input type="hidden" name="user.mobile" value="124213#243463" id="mobile"/> <div id="mobile_s_div"> <input type="text" id="mobile_t" name="mobile_t" value="%{#session.user.mobile}" onchange="checkMobilephone(this)" onke...

Jquery倒数计时按钮setTimeout的实例代码

代码如下:<head runat="server"> <title></title> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> var timeout; var count = 10; // 倒数十下 $(function() { timeout = setTimeout(BtnCount, 1000); // 1s执行一次BtnCount }); BtnCount = function() { // 启动按钮 if (count == 0) ...

Jquery多选框互相内容交换的实例代码

代码如下:<head runat="server"> <title>无标题页</title> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ // 把选择项追加给对方 $('#add').click(function(){ var options=$('#select1 option:selected'); var remove=options.remove(); remove.appendTo("#se...

jquery动态增加text元素以及删除文本内容实例代码【图】

这段代码是通过jquery动态增加限定数额的text（本例为5个），以及清除文本内容，用到了after()方法追加元素。  代码如下:<script> $(document).ready(function(){ var spotMax = 5;//限定添加text元素的总个数 var afterId = 0;//要追加元素的id var newId=1;//新生成text的id if($(table#vote).size() >= spotMax) {} $("#btnAddOption").click(function(){ afterId++; newId=afterId+1; addSpot(th...

用jquery生成二级菜单的实例代码

javascript 页面中的函数代码如下:function querySub(id,sid/*选中的项*/){$.post(${path}/page/article/querySubChannelArticle.action, {channelId:id},function(data){ $(select[name="article.subChannel.subId"] option[value!=""]).remove(); var jsonObj = data; for ( var i = 0; i < jsonObj.length; i++) { ...

用jQuery实现一些导航条切换,显示隐藏的实例代码

代码如下：代码如下:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>导航条在项目中的应用</title> <script language="javascript" type="text/javascript" src="Jscript/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(function(){ $(".tit").find("span").click(function(){ $(this).toggleClass("closeBtn2").parent().next().slideToggle(); /...

使用jquery实现div的tab切换实例代码

jQuery实现Tab切换接触jQ不久以前的js代码来写的简单效果现在用jQ来写： HTML代码：代码如下:<div id="sidebar-tab"> <div id="tab-title"> <h3><span class="selected">最新评论</span><span>近期热评</span><span>随机文章</span></h3> </div> <div id="tab-content"> <ul><li>1234567890-1</li></ul> <ul class="hide"><li>1234567890-2</li></ul> <ul class="hide"><li>1234567890-3</li></ul> </div> </div> css代码：代...

jquery实现的可隐藏重现的靠边悬浮层实例代码

本实例使用jquery操作div的CSS，实现了可隐藏重现的靠边悬浮层，预览效果网址：http://www.keleyi.com/keleyi/phtml/xuanfudiv/ 本实例使用到jquery添加移除类的两个方法，详细介绍请参考网址：http://www.keleyi.com/a/bjac/e9e40a974de5a902.htm 下面给出完整代码，保存到html文件可查看效果。代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional...

jQuery实现表头固定效果的实例代码

一、新建一js文件jQuery_FixedTableHead.js 内容如下：代码如下:jQuery.fn.CloneTableHeader = function(tableId, tableParentDivId) { var obj = document.getElementById("tableHeaderDiv" + tableId); if (obj) { jQuery(obj).remove(); } var browserName = navigator.appName; var ver = navigator.appVersion; var browserVersion = parseFloat(ver.substring(ver.indexOf("MSIE") + 5, ver...

jquery ui对话框实例代码

目前JqueryUI提供的对话框支持使用相对比较的方便，示例代码如下所示：代码如下:<body> <form id="form1" runat="server"> <div id="dlg"> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> </div> <asp:Button ID="Showdlg" runat="server" Text="..." /> </form> <script type="text/javascript" language="javascript"> $(function () { $("#dlg").dialog({ ...

jQuery实现动画效果的实例代码

代码如下: <style type="text/css"> table{border:1px solid #666;} table td{border:1px solid #eee;width:200px;height:200px;} img{width:200px;height:200px;border:none;position:relative;} </style> <script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { // $(img).click(function () { ...

Jquery图片滚动与幻灯片的实例代码

1、图片滚动代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function () { Xhun(".a"); //----------------------只需要修改 ”...

jQuery渐变发光导航菜单的实例代码【图】

下面和大家分享一下具体的实现过程。 HTML标签结构:代码如下:<ul class="animation_menu"> <li class="current"> <a href="#">菜单一<span>菜单一</span></a> </li> <li> <a href="#">菜单二<span>菜单二</span></a> </li> <li> <a href="#">菜单三<span>菜单三</span></a> </li> <li> <a href="#">菜单四<span>菜单四</span></a> </li> </ul> CSS样式：li的样式...

上一页
1
...
19
20
21
22
23
下一页
共 23 页
共 342 条