展开菜单

jQuery判断访问的电脑浏览器还是手机浏览器

以下代码用于JQuery判断访问的浏览器的类型 $(function(){ var mobile_flag = isMobile(); // true为PC端,false为手机端 if(mobile_flag){ alert('PC端'); }else{ alert('手机端'); } }); function isMobile() { var userAgentInfo = navigator.userAgent; var mobileAgents = [ 'Android', 'iPhone', 'SymbianOS', 'W...

jquery实现购物车增加减少购买数量的代码

代码实现的效果点击增加、减少按钮实现购买数量的变动,只允许输入数字,禁止中文、英文或其它符号的输入。 HTML代码: <div class="buyNum"> <a id="sub" href="javascript:void(0);">-</a> <input type="text" value="1" id="booknum" class="num"/> <a id="add" href="javascript:void(0);">+</a> </div> ...

jquery比较相同元素的高度并获取最高值

同一个页面,相同的div元素,要获取这些元素高度最大的值,然后设置指定元素的高度,代码如下: <script> $(function() { var h_max = 0; //定义一个默认变量,并赋值为0,用于比较 $('.ClassName').each(function() { //遍历相同样式名的元素 var h = $(this).height(); //获取每个元素的高度,(可根据需要使用outerHeight、innerHeight) h_max = h > h_max ? h : h_max; //比较获取的元素高度值和默认变...

APP应用侧边栏菜单导航jQuery插件Slidebars

APP应用侧边栏菜单导航jQuery插件Slidebars

Slidebars是一款能快速又简单的实现移动端应用风格菜单显示和侧边栏的jQuery插件,插件非常小巧,压缩后仅有1.69kb大小,提供完整的API、回调功能等,需要jquery 1.8以上版本的库才可以使用。 官方网站:https://www.adchsm.com/slidebars/ Github:https://github.com/adchsm/Slidebars

jquery实现单行文字循环上翻滚动播报效果(新闻滚动效果)

jquery实现单行文字循环上翻滚动播报效果(新闻滚动效果)

常见的网站单行新闻公告上翻播放的效果。 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);//...

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

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...

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

代码如下: /* 将具有 autoheight 属性的 div 元素设置为自动高度 用法:给需要的 div 元素添加 autoheight 属性,如:<div autoheight> ... </div> 可以修改选择符,如写为 ".autoheight" 或是其它的以匹配需要的元素。 */ $(function () { var _jahDivs = $("div[autoheight]"); if (_jahDivs.length > 0) { _jahDivs.css("overflow",...

jQuery让页面随着窗口大小变化自动加减宽度?

例子 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({ ...

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

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

原理比较简单:将要滚动显示的区域的CSS的override设为hidden,宽度设成一个比较大的值,如4000px,然后每次点击上一页或下一页的 按钮时,计算当前页数,如果已经到了最后一页,则回到第一页,滚动是通过控制div的left属性实现的,需要两个div,外面的div的 position设为retative,里面的DIV的position设为absolute。 HTML代码: <div id="product"> <h2><span class="arrow">arrow</span>产品展...

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

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

服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并操作JSON数据。本文将通过实例演示了jQuery通过 Ajax向PHP服务端发送请求并返回JSON数据。阅读本文的读者应该具备jQuery、Ajax、PHP相关知识,并能熟练运用。 演示地址:http://www.helloweba.com/demo/json/ JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写,同时也易于机器解析和生成。JSON在前后台交互的过程中发挥着相当出色的作用。请接...

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

停止元素的动画 停止所有在指定元素上正在运行的动画。 很多时候需要停止匹配元素正在进行的动画,如果需要在某处停止动画,需要使用stop()方法。stop()方法的语法缩构为: stop([clearQueue], [gotoEnd]) 参数clearQHCHC和gotoEnd都是可选的参数,为Boolean值(ture或flase)。 clearQueue如果设置成true,则清空队列,可以立即结束动画。 gotoEnd让当前正在执行的动画立即完成,并且重设show和hide的原始样式,调用回调函数等。 如果接使...