jQuery动画效果animate滚动到指定页面ID的位置

CSS属性值是逐渐改变的,这样就可以创建动画效果。因此只有数字值可创建动画,比如margin:30px 而字符串值无法创建动画,比如background-color:red 要实现animate滚动到页面指定id的位置,就要获取ID的数字值,也就是距离顶部的距离,再通过animate的scrollTop滚动 $(document).ready(function($){ $('#comt').click(f...
Web前端开发 / / 4930次阅读

jQuery实现随窗口大小变化的自适应高度元素

代码如下: /* 将具有 autoheight 属性的 div 元素设置为自动高度 用法:给需要的 div 元素添加 autoheight 属性,如:<div autoheight> ... </div> 可以修改选择符,如写为 ".autoheight" 或是其它的以匹配需要的元素。 */ $(function () { var _jahDivs = $...
Web前端开发 / / 6609次阅读

jQuery跑马灯实现教程 使用jQuery简单实现产品展示的图片左右滚动功能

原理比较简单:将要滚动显示的区域的CSS的override设为hidden,宽度设成一个比较大的值,如4000px,然后每次点击上一页或下一页的 按钮时,计算当前页数,如果已经到了最后一页,则回到第一页,滚动是通过控制div的left属性实现的,需要两个div,外面的div的 position设为retative,里面的DIV的position设为absolute。 HTML代码: <...
Web前端开发 / / 5183次阅读
jQuery跑马灯实现教程 使用jQuery简单实现产品展示的图片左右滚动功能

jQuery通过Ajax向PHP服务端发送请求并返回JSON数据

服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并操作JSON数据。本文将通过实例演示了jQuery通过 Ajax向PHP服务端发送请求并返回JSON数据。阅读本文的读者应该具备jQuery、Ajax、PHP相关知识,并能熟练运用。 演示地址:http://www.helloweba.com/demo/json/ JSON(JavaScript...
Web前端开发 / / 4735次阅读
jQuery通过Ajax向PHP服务端发送请求并返回JSON数据

jQuery停止动画和判断是否处于动画状态

停止元素的动画 停止所有在指定元素上正在运行的动画。 很多时候需要停止匹配元素正在进行的动画,如果需要在某处停止动画,需要使用stop()方法。stop()方法的语法缩构为: stop([clearQueue], [gotoEnd]) 参数clearQHCHC和gotoEnd都是可选的参数,为Boolean值(ture或flase)。 clearQueue如果设置成true,则清...
Web前端开发 / / 6218次阅读

jquery实现网页背景变暗的弹框效果

很多网页的登陆就是在页面上弹出一个登陆框,背景变暗,通过jquery可以实现这个效果: Javascript代码: var GB_DONE = false; var GB_HEIGHT = 400; var GB_WIDTH = 400; function GB_show(caption, url, height, width) { $("GB_window").remove()...
Web前端开发 / / 5334次阅读
jquery实现网页背景变暗的弹框效果

jQuery图片居中裁切效果

给img标签添加样式.t-img <img src="images/1.jpg" class="t-img"> 注:需要给img标签的父层定义宽高 //调用 $(function(){ zmnImgCenter($(".t-img"));//JQ的dom }); //图片居中 function zmnImgCenter(obj){ obj.each(function(){ v...
Web前端开发 / / 4289次阅读

jQuery元素筛选方法集合

1、eq()    筛选指定索引号的元素 2、first()  筛选出第一个匹配的元素 3、last()   筛选出最后一个匹配的元素 4、hasClass()  检查匹配的元素是否含有指定的类 5、filter()  筛选出与指定表达式匹配的元素集合 6、is()    检查元素是否参数里能匹配上的 7、map() 8、has()  筛...
Web前端开发 / / 4915次阅读

jQuery hover(over,out)事件的用法

hover(over,out)这是jQuery的一个模仿悬停事件,即当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测,如果是,则会继续保持“悬停”状态,而不触发移出事件。 参数 over (Function) : 鼠标移到元素上要触发的函数 out (Function) : 鼠标移出元素要触发...
Web前端开发 / / 21593次阅读