本文实例讲述了jQuery实现鼠标经过时出现隐藏层文字链接的方法。分享给大家供大家参考。具体如下： 这里演示Jquery显示隐藏层的方法，鼠标经过时出现文字链接，模拟评分效果，这里没有加动作，仅显示了前台效果的实现。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-mouse-over-show-txt-demo/ 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/...
本文实例讲述了jQuery实现文本显示一段时间后隐藏的方法。分享给大家供大家参考，具体如下： 点击button时，提示信息显示，8秒后，信息隐藏。 <input id="place_order" name="place_order" type="submit" /> <div class="after_submit_remind" style="display: none;">请耐心等待，这段文本显示8秒后会消失，安拓网络。 </div> jQuery(document).ready(function(){jQuery(document).on(click, input#place_order, function(){jQuer...
本文实例讲述了jQuery实现向下滑出的平滑下拉菜单效果。分享给大家供大家参考。具体如下： 这里演示的jQuery向下滑出的下拉平滑菜单，可添加多个菜单选项，修改起来比较灵活的下滑菜单，颜色风格自己可修改，不多介绍了，感兴趣的运行一下代码看效果。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-xlph-menu-codes/ 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN...
本文实例讲述了jquery.cookie.js实现用户登录保存密码功能的方法。分享给大家供大家参考，具体如下： 需要导入的js有jquery.js和jquery.cookie.js <script type="text/javascript" src=" jquery-1.5.2.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script>在页面加载时首先尝试获取cookie的值，如果cookie有值，则将获取到的值填入输入框中，并将保存密码的复选框选中 jQuery(function(){//获取cookie的...
1、jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ http://docs.jquery.com/Plugins/Autocomplete 2、jquery.autocomplete详解 语法： autocomplete(urlor data, [options] ) 参数： url or data：数组或者url [options]：可选项，选项解释如下： 1) minChars (Number) 在触发autoComplete前用户至少需要输入的字符数，Default:1，如果设为0，在输入框内双击或者删除输入框内内容...
本文实例讲述了jQuery实现的指纹扫描效果。分享给大家供大家参考，具体如下： 运行效果截图如下：点击此处查看在线演示效果。 具体代码如下： <!DOCTYPE html> <html><head><meta charset="UTF-8" /><title>demo</title><style type="text/css">body {background:black;}.dialog {width:300px; height:300px; position:fixed; left:50%; margin-left:-150px; border:2px dashed green;top:50px;}.dialog .shape {background:black;...
本文主要介绍了jQuery使用JSONP实现跨域获取数据的三种方法,结合实例形式对比分析了jsonp跨域获取数据的3种常用操作技巧,需要的朋友可以参考下，希望能帮助大家。第一种方法是在ajax函数中设置dataType为jsonp$.ajax({dataType: jsonp,url: http://www.a.com/user?id=123,success: function(data){//处理data数据} });第二种方法是利用getJSON来实现，只要在地址中加上callback=?参数即可$.getJSON(http://www.a.com/user?id=123&c...
代码如下:<a class="jq_btn" href="#"><div></div></a> //鼠标移上去效果 $(".jq_btn").hover(function(){ $(this).find("div").stop().fadeIn(); },function(){ $(this).find("div").stop().fadeOut(); }); 原理很简单 a标签背景设置正常状态 div背景设置鼠标hover的背景 只要给元素加上 代码如下:class="jq_btn" 都自动有效果
今天我为大家讲解一个页面开发过程中的一个小技巧：如何处理裂图 也就是说如果这个图片没有加载成功了会怎么办？ 第一步：HTML页面里： 代码如下:<!DOCTYPE html> <html> <head> <title>gbin1</title> <meta charset=utf-8 /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script> </head> <body> <img src="broken.jpg"/> </body> </html> 运行这个页面大家会看到一个坏掉的图。 第二部：...
我想熟悉javascript的没有不知道jquery的吧,作为首屈一指的javascript框架,他的许多特性都让人兴奋不已,其中不得不提的就是特有的连缀书写语法了,那他到底只怎么实现的呢,我们也来实现一个吧. 代码如下: sx.$=function(id){ var t=(typeof(id)=="string"?document.getElementById(id):id); t.text=function(){ return this.innerText?this.innerText:this.innerHTML.replace(//<.*?/>/igm,""); } t.html=function(){ return this....
经常看到在一些产品介绍页，看到全屏滚动的特效，今天推荐款jQuery插件给大家，jQuery全屏鼠标滚动切换页面特效插件multiScroll.js，支持众多的参数自定义配置，scrollingSpeed：切换速度、easing：动画效果、navigation：false是否出现导航，还支持事件Callback函数调用，onLeave、afterLoad等，效果还是和不错的，浏览器兼容方面：IE8, 9, Opera 12、以及现代的浏览器，需要浏览器支持CSS3属性，推荐学习和使用。使用方法： 1.加...
废话不多说了，直接给大家贴代码了，具体代码如下所示： <div class="lunbo123" style="position:relative;height: 45px;overflow: hidden;background-color:white" ;> <ul id="myul" style="margin:6px;padding:0px;position:absolute;width: 700px; height: auto;"> <li> <a href="" style=" rel="external nofollow" rel="external nofollow" text-decoration: none;color: #000000; "> <span style="height:36px ; line-height...
当你浏览某网站时，你硬盘上会生产一个非常小的文本文件，它可以记录你的用户ID、密码、浏览过的网页、停留的时间等信息。 当你再次来到该网站时，网站通过读取Cookies，得知你的相关信息，就可以做出相应的动作，如在页面显示欢迎你的标语，或者让你不用输入ID、密码就直接登录等等。从本质上讲，它可以看作是你的身份证。 使用传统的Javascript来设置和获取Cookies信息很麻烦，要写上几个函数来处理，幸运的是jQuery帮我们做了很...
本文实例分析了jQuery实现div拖拽效果。分享给大家供大家参考，具体如下：New Document /*模块拖拽*/ .drag{position:absolute;width:100px;height:100px;border:1px solid #ddd;background:#FBF2BD;text-align:center;padding:5px;top:100px;left:20px;cursor:move;}// 模块拖拽 $(function(){ var _move=false;//移动标记 var _x,_y;//鼠标离控件左上角的相对位置$(".drag").click(function(){//alert("click");//点击（松开后触...
效果图:运行以后，刷新下即可。jQuery淡入淡出、展开收缩菜单 ul li{list-style:none;} ul li.menu{position:relative;width:120px;} ul li.menu ul{display:none;text-align:center;background:#fff;border:1px solid #ddd;width:100px;padding:5px;} ul li.menu ul li{padding:5px 0;border-bottom:1px dotted #ddd;} $(document).ready(function(){ $(".menu").hover( function(){ //$(".content").fadeIn(800); // 淡入 ...