随笔分类 - 前台jQuery
摘要：本文应用到jquery、json、asp.net结合来实现无刷新三级联动效果，使用asp.net实现二级联动、三级联动效果很简单，不过不是无刷新就不爽了，所以收集一个无刷新联动的实现例子。三个下拉控件：<asp:DropDownList ID="ddl1" runat="server" Width="100px" ></asp:DropDownList><asp:DropDownList ID="ddl2" runat="server" Width="10
阅读全文
摘要：slideToggle 相当于 slideDown 和 slideUp 的组合例如: 单击一次是向上收起的话 下一次就是下拉<script type="text/javascript">$(document).ready(function(){/* 滑动显示效果 */$("#testslidedown").click(function(){$("#first").slideDown("slow", function(){alert("done");});});$("#tes
阅读全文
摘要：研究了一下toggle之click触发DIV的显示与隐藏,现在把代码发上来。HTML代码：<input type="button" id="btn" title="Click me 你会看到效果" value="点击此处" /><div id="content" style="padding:10px; margin-top:5px; border:1px dotted #BBB;"><p>每次点击时切换要调用的函数。<br />
阅读全文
摘要：在jquery中val,text,html都能取到值,或加一个参数来赋值,那么它们有些什么区别?下面我们来举例说明： 首先，html属性中有两个方法，一个有参，一个无参 1. 无参html（）：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个String 例子： html页面代码：Hellojquery代码：$("div").html(); 结果：Hello 2.有参html（val）：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象 html页面代码：jqu
阅读全文
摘要：引言: 图片交替显示 (有文字说明)我们经常看到有的网站上 图片以幻灯片的方式 交替显示 我说的就是这个效果下面写一下步骤: 我自己整理一下思路 也帮助需要的人原理:使用jQuery 做到的第1步 建立jquery文件 (jQuery.js) 这个文件的内容 我就不贴在这里了(自行从网上下载)第2步 Slideshow.jsJQuery代码 var $$ = $.fn;$$.extend({ SplitID : function() { return this.attr('id').split('-').pop(); }, Slideshow : { Ready
阅读全文
