常见的网站单行新闻公告上翻播放的效果。 jQuery代码： function b(){ t = parseInt(x.css('top')); y.css('top','19px'); x.animate({top: t - 19 + 'px'},'slow'); //19为每个li的高度 if(Math.abs(t) == h-19){ //19为每个li的高度 y.animate({top:'0px'},'slow'); z=x; x=y; y=z; } setTimeout(b,3000);//...
CSS属性值是逐渐改变的，这样就可以创建动画效果。因此只有数字值可创建动画，比如margin:30px 而字符串值无法创建动画，比如background-color:red 要实现animate滚动到页面指定id的位置，就要获取ID的数字值，也就是距离顶部的距离，再通过animate的scrollTop滚动 $(document).ready(function($){ $('#comt').click(function(){ $('html,body').animate({scrollTop:$('#comments').offset().top}, 80...
代码如下： /* 将具有 autoheight 属性的 div 元素设置为自动高度 用法：给需要的 div 元素添加 autoheight 属性，如：<div autoheight> ... </div> 可以修改选择符，如写为 ".autoheight" 或是其它的以匹配需要的元素。 */ $(function () { var _jahDivs = $("div[autoheight]"); if (_jahDivs.length > 0) { _jahDivs.css("overflow",...
例子 CSS代码： .div1{height:100%;margin:0 auto;border-left:5px solid #F00;border-right:5px solid #F00;} jQuery代码： $(function(){ $(".div1").css({ height:$(window).height() }); $(window).resize(function(){ $(".div1").stop(true,false).animate({ ...
原理比较简单：将要滚动显示的区域的CSS的override设为hidden，宽度设成一个比较大的值，如4000px,然后每次点击上一页或下一页的 按钮时，计算当前页数，如果已经到了最后一页，则回到第一页，滚动是通过控制div的left属性实现的，需要两个div，外面的div的 position设为retative，里面的DIV的position设为absolute。 HTML代码： <div id="product"> <h2><span class="arrow">arrow</span>产品展...
服务端PHP读取MYSQL数据，并转换成JSON数据，传递给前端Javascript，并操作JSON数据。本文将通过实例演示了jQuery通过 Ajax向PHP服务端发送请求并返回JSON数据。阅读本文的读者应该具备jQuery、Ajax、PHP相关知识，并能熟练运用。 演示地址：http://www.helloweba.com/demo/json/ JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写，同时也易于机器解析和生成。JSON在前后台交互的过程中发挥着相当出色的作用。请接...
停止元素的动画 停止所有在指定元素上正在运行的动画。 很多时候需要停止匹配元素正在进行的动画，如果需要在某处停止动画，需要使用stop()方法。stop()方法的语法缩构为： stop([clearQueue], [gotoEnd]) 参数clearQHCHC和gotoEnd都是可选的参数，为Boolean值(ture或flase)。 clearQueue如果设置成true，则清空队列，可以立即结束动画。 gotoEnd让当前正在执行的动画立即完成，并且重设show和hide的原始样式，调用回调函数等。 如果接使...
HTML代码： <div id="nav"> <ul> <li> <a href="http://neirong.org" target="_blank">资源共享</a> <ul> <li><a href="http://neirong.org" target="_blank">资源共享</a></li> <li><a href="http://neirong.org" target="_blank...
很多网页的登陆就是在页面上弹出一个登陆框，背景变暗，通过jquery可以实现这个效果： Javascript代码： var GB_DONE = false; var GB_HEIGHT = 400; var GB_WIDTH = 400; function GB_show(caption, url, height, width) { $("GB_window").remove(); GB_HEIGHT = height || 400; GB_WIDTH = width || 400; if(!GB_DONE) { ...
给img标签添加样式.t-img <img src="images/1.jpg" class="t-img"> 注：需要给img标签的父层定义宽高 //调用 $(function(){ zmnImgCenter($(".t-img"));//JQ的dom }); //图片居中 function zmnImgCenter(obj){ obj.each(function(){ var $this=$(this); var objHeight=$this.height();//图片高度 var objWidth=$this...
1、eq() 筛选指定索引号的元素 2、first() 筛选出第一个匹配的元素 3、last() 筛选出最后一个匹配的元素 4、hasClass() 检查匹配的元素是否含有指定的类 5、filter() 筛选出与指定表达式匹配的元素集合 6、is() 检查元素是否参数里能匹配上的 7、map() 8、has() 筛选出包含指定子元素的元素 9、not() 排除能够被参数中匹配的元素 10、slice() 从指定索引开始，截取指定个数的元素 ...
hover(over,out)这是jQuery的一个模仿悬停事件，即当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测，如果是，则会继续保持“悬停”状态，而不触发移出事件。 参数 over (Function) : 鼠标移到元素上要触发的函数 out (Function) : 鼠标移出元素要触发的函数 jQuery 例子代码： $('.single').hover(function(){ //鼠标放上去执行某动作 $(...