![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
文章平均质量分 61
一天一天积累
这个作者很懒,什么都没留下…
展开
-
jquery表单验证
Jquery验证:$(document).ready(function() {//用户名验证 $("#code").focus(function(){ $("#code_notice").html("请输入5-21个字符"); } ) $("#code").blur(function(){ if($("#code").v原创 2014-08-22 16:48:40 · 454 阅读 · 0 评论 -
jquery实现返回顶部效果
jQuery("#gotop").css('display','none');jQuery(window).scroll(function(){if(jQuery(this).scrollTop()>100){jQuery("#gotop").fadeIn(1000)}else{jQuery("#gotop").fadeOut(750)}});jQuery("#gotop").click(func原创 2015-08-31 12:43:32 · 979 阅读 · 0 评论 -
jquery中prop()方法和attr()方法的区别
官方例举的例子感觉和attr()差不多,也不知道有什么区别,既然有了prop()这个新方法,不可能没用吧,那什么时候该用attr(),什么时候该用prop()呢jquery1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。大家都知道有的浏览器只要写disabled,checked就可以了,而有的要写成disabled转载 2016-02-18 15:49:25 · 328 阅读 · 0 评论 -
公告循环向上滚动
html: <div class="scroll-wrap" style="height: 16px; overflow: hidden;"> <ul class="scroll-con fn-left" style="margin-top: 0px;"> <li style="height: 16p原创 2016-04-15 14:43:06 · 3271 阅读 · 2 评论 -
让多个 DIV 高度相同
html部分:div> ul> li class="column"> p>huhuasdauahsuahup> p>huhuasdauahsuahup> p>huhuasdauahsuahup> p>huhuasdauahsuahup> li>原创 2016-04-18 14:42:39 · 2313 阅读 · 0 评论 -
懒加载jquery.lazyload.js
首先引入jquery文件和懒加载文件懒加载lazyload$(function() {$("img.lazy").lazyload({effect : "fadeIn"});});图片的标签需要添加data-original属性,并且添加一个针对懒加载的样式 class="lazy"原创 2016-07-28 15:38:13 · 2917 阅读 · 0 评论 -
jQuery异步加载数据并添加事件示例
当时项目是通过树形栏进行权限控制的,管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作,可是用$(".XX").click();方法是不行的。1、之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法,来实现该功能?123$(‘#div').live(‘click',funct转载 2016-08-01 15:52:59 · 2179 阅读 · 0 评论 -
jQuery事件绑定的最佳实践
如果你经常使用jQuery,那么你也许很熟悉事件绑定。这是很基本的东西,但是深入一点,你就能够找到机会让你事件驱动的代码变得不太零碎,并且更容易管理。更好的选择器策略让我们从基础的例子开始。下面的HTML代码表示的是可以开合的导航菜单。 class="nav-menu-toggle">Toggle Nav Menu href="/">West Philadelphia转载 2016-04-18 17:50:11 · 338 阅读 · 0 评论 -
jQuery之防止冒泡事件
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。下面是html代码部分:"content"> 外层div元素 内层span元素 外层div元素"msg">对应的jQuery代码如下:"text/javascript">$(function(){ // 为span元素绑定click事转载 2015-03-11 14:01:54 · 426 阅读 · 0 评论 -
点击锚点平滑滚动效果
获取a的href的锚点连接target,通过targetOffset=$(target).offset().top; 获取该锚点到浏览器顶部的距离,然后给body添加动画$('html,body').animate({ scrollTop: targetOffset }, 1000);全部代码:/*锚点动效*/$('a[href*=#],area[href原创 2018-01-04 16:54:52 · 17641 阅读 · 0 评论 -
鼠标滚轮事件
要达到效果是,滚动鼠标到一定距离,导航条出现,没有达到这个高度,滚动条消失鼠标滚轮监听需要用到插件jquery.mousewheel.min.jsvar Pc = { xh:function(obj){ doch = obj.height();//元素高度 doctoph = obj.offset().top;//元素距离顶部高度 wh原创 2018-01-04 17:03:59 · 541 阅读 · 0 评论 -
记录立邦商城母亲节浇花js效果
$(document).ready(function(){ window.active = false; $(".mothersday_button").click(function(){//开始浇花 active = true; $(".mothersday_button").hide();原创 2015-06-02 16:24:00 · 1160 阅读 · 0 评论 -
<a>标签的取消跳转和恢复
一、取消的跳转,可以绑定click事件,在click里return false;(此时就算a有一个href跳转地址也没用了)$("#previewbtn").click(function(){return false});二、恢复的跳转,可以取消绑定的click,这时就可以跳转到指定链接了。 $("#previewbtn").unbind('click');原创 2015-05-11 14:10:25 · 3419 阅读 · 0 评论 -
文本溢出显示省略号
一、单行文本溢出显示省略号(...)设置块元素的宽和高,然后使用三个属性(缺一不可)控制 overflow: hidden; text-overflow:ellipsis; white-space:nowrap;Demo如下:效果如下:二、多行文本溢出显示省略号(...)可以使用以下四个属性来控制:overflow :原创 2014-12-04 09:53:00 · 901 阅读 · 0 评论 -
select中option改变时跳转到其他页面
html代码: 友情链接 163 flash8 百度原创 2014-12-04 09:10:16 · 16542 阅读 · 3 评论 -
RGBA颜色与兼容性的半透明背景色
RGBA颜色与兼容性的半透明背景色by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=839一、周末的唠唠叨叨这周真是辛苦的一周,很多事情不得已都拖着,比如现在这篇文章早前几天前就应该完工了;关于vertical-align属性的下集还没有开始写,jQue转载 2014-12-09 12:00:49 · 1823 阅读 · 0 评论 -
jQuery实现简单而且很酷的返回顶部链接效果
jQuery实现简单而且很酷的返回顶部链接效果 返回页面顶部 1 2原创 2014-12-11 15:45:21 · 901 阅读 · 0 评论 -
使用echarts简单制作中国地图
网站需要一张中国地图,并且鼠标经过某个省份,该省份的省份名字显示,而且该省份的地区会变色显示。第一种方法:将每个省份的图片定位(先隐藏),拼合成一张中国地图,然后再定位省份名称,鼠标经过省份名字,添加hover事件,将对应图片显示。第二种方法:使用图形插件echarts,轻松制作。http://echarts.baidu.com/doc/example.html在echarts原创 2014-12-12 15:58:40 · 24388 阅读 · 18 评论 -
jQuery面试题及答案
问题:jQuery的美元符号$有什么作用?回答:其实美元符号$只是”jQuery”的别名,它是jQuery的选择器,如下代码:$(document).ready(function(){});当然你也可以用jQuery来代替$,如下代码:jQuery(document).ready(function(){});jQuery中就是通过这个美元符号来实转载 2015-01-20 09:18:39 · 1202 阅读 · 0 评论 -
使用定时器显示下拉菜单
html布局:首排导航和下拉的内容分成两个div写。 首页 网上服务原创 2015-02-11 14:39:34 · 938 阅读 · 0 评论 -
浏览器滚动到一段距离,绝对定位的导航出现
具体效果是,浏览器滚动到一定距离的时候,fixed绝对定位的导航会显示,当滚动到小于这个距离的时候,导航会隐藏。js部分: function getTop() { var mytop = $(document).scrollTop(); if (mytop > 400) { $(".fixed_bann原创 2015-01-22 18:55:33 · 3643 阅读 · 0 评论 -
鼠标经过,图片会放大(从中心位置放大)
js部分: //鼠标经过a标签,对应的图片会放大效果 var zoom = 1.03; var width = $(this).find(".move_img").find("img").width(); var height = $(this).find(".move_img").find("img").height();原创 2015-01-22 19:01:40 · 8821 阅读 · 0 评论 -
IE下的cursor的url不兼容
鼠标的光标可以显示成图片(ico格式或者cur等),光标在线制作网址为:http://app.baidu.com/widget?appid=134026。html: css:#bottle{ background:url("../images/flower.jpg"); height:330px;原创 2015-04-30 17:20:53 · 3408 阅读 · 0 评论 -
下划线跟着走的导航效果
效果图:css部分:<style type="text/css"> .navCon{ min-width: 1200px; height: 43px; margin: 0 auto; position: relative; } .n...原创 2018-11-22 11:48:08 · 1382 阅读 · 0 评论