jquery 获取鼠标指针的坐标//普通js函数 function test(event) {event = event || window.event;var x = event.offsetX || event.layerX;var y = event.offsetY || event.layerY;alert("x="+x+"; y="+y);} //jquery函数 $(function(){$("#t").mouseover(function(event){event = event || window.event; var x = event.offsetX || event.originalEvent.layerX;var y = event.offsetY || event.originalEvent.layerY;alert("x:"+x+"...
代码中可能有这样的情况，根据元素是否存在来执行不同的操作，这样就需要判断指定的元素是否存在。使用$(selector)可以获得匹配元素集合，而匹配元素集合的length属性可以获得集合中匹配元素的个数，所以只要判断length属性值是否为零，就可以判断元素是否存在。代码实例如下:脚本之家$(document).ready(function(){$("#check").click(function(){if($(".mytest").length>0){alert("此元素存在");}}) })太阳出来了脚本之家div+cs...
1.查看浏览器信息navigator.userAgent检索浏览器信息包括哪些字符 例如：if (navigator.userAgent.toLowerCase().indexOf("htc") >= 0) {$("#GuanKa .page_content").css("transform", "scale(0.92)");$(".gaunka_pic").css("top", "-100px");$(".ertongji_btn").css("top", "570px");}2.给链接设置参数，再根据url参数做相应的事情//用户当天还没上传图片 $(".Js_uplaod_bnt").click(function () {if ($(this).attr("myid") == "1...
本文实例讲述了jQuery实现时尚漂亮的幻灯片特效，基本能满足你在网页上使用幻灯片(焦点图)效果。分享给大家供大家参考。具体如下：幻灯片效果描述：用鼠标点击右下角数字按钮幻灯片进行左右切换进行切换。运行效果截图如下：具体实现代码：Jquery幻灯片焦点图插件$(function(){$("#KinSlideshow").KinSlideshow(); }).code{ height:auto; padding:20px; border:1px solid #9EC9FE; background:#ECF3FD;} .code pre{ font-family:"C...
这篇文章主要介绍了jQuery实现幻灯片焦点图，可实现非常炫目时尚的幻灯片效果，非常具有实用价值，基本能满足你在网页上使用幻灯片(焦点图)效果，需要的朋友可以参考下幻灯片效果描述：与前两节不同的是，这款特效可以打开页面随机选择切换方式（方向） 运行效果截图如下：具体代码如下Jquery幻灯片焦点图插件//打开页面随机选择 切换方式（方向）,怕增大KinSlideshow.js文件 就没把随机切换写到里面。 //使用时如有需要随机自己写...
这篇文章主要介绍了jQuery实现幻灯片焦点图，可实现非常炫目时尚的幻灯片效果，非常具有实用价值，基本能满足你在网页上使用幻灯片(焦点图)效果，具体如下 幻灯片效果描述：用鼠标滑过右下角数字按钮幻灯片进行左右切换进行切换。 自定义切换参数效果：向下切换、切换时间为8秒、鼠标滑过按钮时切换 运行效果截图如下：具体代码如下Jquery幻灯片焦点图插件$(function(){$("#KinSlideshow").KinSlideshow({moveStyle:"down",interva...
本文实例讲述了jQuery实现幻树形下拉菜单特效，实现自动伸缩，分享给大家供大家参考。 运行jQuery树形下拉菜单特效效果图：为大家分享的jQuery树形下拉菜单代码如下常用的jquery下拉菜单$(document).ready(function() {$(".menuTitle").click(function(){$(this).next("div").slideToggle("slow").siblings(".menuContent:visible").slideUp("slow");$(this).toggleClass("activeTitle");$(this).siblings(".activeTitle").removeC...
这是一款基于jquery实现动感漂浮导航菜单的特效代码，菜单可以上下浮动，动感十足，为自己的网站增加了活力，是一款非常实用的导航菜单特效源码。运行效果图：点击下载源码 为大家分享的jquery动感漂浮导航菜单代码如下jQuery Floating Menu$(document).ready(function () {//get the default top valuevar top_val = $('#menu li a').css('top');//animate the selected menu item$('#menu li.selected').children('a').stop().an...
这是一款基于jquery实现的底部带缩略图的幻灯片切换特效代码，幻灯片可以点击下方的缩略图切换，用户还可以自定义对应幻灯片的标题与文字说明，是一款非常实用的幻灯片特效源码。 为大家分享的jQuery幻灯片带缩略图轮播代码如下带缩略图的jQuery幻灯片轮播效果一个海岛一片麦穗一树绿叶一棵大树一地葵花
这是一款基于jquery实现的垂直导航菜单特效代码，总共有三级，实现效果简单大方，最后一级还可以进行图片展示说明，是一款非常实用的导航菜单特效源码。 效果演示 源码下载 为大家分享的jQuery垂直多级导航菜单代码如下jQuery垂直多级导航菜单代码脚本之家 目录B 二级目录A 二级目录B 三级目录A 三级目录B 三级目录B主要内容 三级目录C 三级目录D 三级目录D主要内容 二级目录C 二级目录D 三级目录A 三级目录B 三级...
这是一款基于jQuery蓝色风格滑动导航栏特效源码，实现滑块跟随鼠标左右滑动，和一般的导航相比很有动感，是一段超酷的导航栏滑动代码。 使用方法： 1、依次引入 nicenav.css、jQuery脚本库以及 jquery.nicenav.js 文件； 2、到页面中即可。 3、可以在代码中的 $.nicenav( )括号中设置滑块的滑动速度。 源码下载地址为大家分享的jQuery蓝色风格滑动导航栏代码如下#bg { background-color: rgb(102, 132, 228); padding: 20px; }jQue...
这是一款基于jQuery 的星级评分效果实例，鼠标滑过星星区域显示评论信息提交内容，适用在评论表单里面，是表单美化提交内容的一种用户体验设计。为大家分享的jQuery满意度星级评价插件特效代码如下满意度jQuery星级评分插件*{margin:0;padding:0;list-style-type:none;} a,img{border:0;} body{font:12px/180% Arial, Helvetica, sans-serif;} /*quiz style*/ .quiz{border:solid 1px #ccc;height:270px;width:772px;} .quiz h3{fo...
这是一款基于jquery小火箭返回顶部特效源码，解决了页面太长造成的用户返回页面顶端困难。 为大家分享的jquery小火箭返回顶部代码如下jquery小火箭返回顶部代码 回到顶部 脚本之家 jquery小火箭返回顶部 jquery小火箭返回顶部 jquery小火箭返回顶部 jquery小火箭返回顶部 jquery小火箭返回顶部源码下载 运行效果图：以上就是为大家分享的jquery小火箭返回顶部代码，希望大家可以喜欢
这是一款基于jQuery实现的右侧选项卡焦点图片轮播动画特效源码，每个图片的内容信息可以根据自己的喜好进行隐藏与显示，是一段超酷的焦点图轮播代码。为大家分享的jQuery左侧大图右侧小图焦点图幻灯切换代码如下 ---------------------源码下载 效果查看----------------------- jQuery左侧大图右侧小图切换代码 Close Me!脚本之家http://www.gxlcms.com脚本之家发布时间脚本之家是国内专业的网站建设资源、脚本编程学习类网站,提...
这是一款基于jQuery实现地图map悬停显示省市代码，这样一个神奇的地图便于我们更好地了解中国，增加自己的地理知识。 下面是效果图是不是很棒。效果演示 源码下载 为大家分享的jQuery地图map悬停显示省市代码如下jQuery地图map悬停显示省市代码*{margin:0;padding:0;border: none;}body { color: #333; text-align: center; font: 12px "微软雅黑";background-color: #dcf5ed; }.mapTipText{width: 280px;height: 110px;background...