jQuery点击展开显示文字内容代码
xiaohei JS相关2018-11-27
jQuery点击阅读全文展开查看全部内容代码
xiaohei JS相关2018-11-27
jQuery实现页面滚动时顶部动态显示隐藏
很多时候你会看到页面上有一个始终固定在网页顶部的导航菜单,当页面向下滚动的时候,导航菜单动态隐藏,页面滚动到顶部时,导航菜单动态显示,淘宝也采用过此效果,很不错,当然,里面使用了CSS3动画效果,不支持低版本浏览器。代码相当的简单,只需几行就搞定。div class="nav-top"/divstyle.nav-top{background: #f7f7f7;color:white;font-size:24px;padding:30px;text-align:center;positi
小黑 JS相关2018-09-17
简洁的jQuery选项卡(Tab页签)插件
一个很简洁的jQuery选项卡插件,只要你不是前端傻子,看一会儿就能明白怎么使用的。这个效果很赞的,可以作鼠标经过切换,也可以作鼠标点击切换。关键是可以无限重复使用,稍作修改,也可以作嵌套Tab页签效果。属于必须收藏的那种效果!不再啰嗦,下面可能是你不常看到如此简洁干净的demo了。简洁的jQuery选项卡(Tab页签)插件 Demo!DOCTYPE htmlhtml lang="en"headmeta http-equiv="Content-Type" conte
小黑 网页特效2018-09-03
jquery响应式全屏幻灯片插件Glide.js
Glide.js是一款响应式和对移动设备友好的jquery插件,它是基于CSS3的动画转场,同时也向后兼容旧版本的浏览器。Glide简单,轻量级和速度快等优点,用来做幻灯片滑块是最好不过了。jquery实例:Glide使用方法引入核心文件link rel="stylesheet" href="css/style.css"script src="http://code.jquery.com/jquery-1.9.1.min.js"/scriptsc
小黑 网页特效2018-09-02
jquery实现鼠标移上去某元素显示隐藏的内容,移除继续隐藏
假设鼠标滑过A元素(id =”a”), B元素(id=”b”) 显示 鼠标在A、B元素区域时 B元素一直显示 鼠标离开A、B元素区域 B元素隐藏$(document).ready(function(){$('#a').hover(function() {$("#b").css('display', 'block');}, function() { $("#b").css('display'
小黑 JS相关2017-10-09
jquery.ajax实现DESTOON出发地与目的地地址三级联动伪下拉菜单式demo
分享此插件的升级版,可用来实现出发地与目的地功能。配图:一、插件新增优点单页面内无限重复使用,可以添加若干个出发地与目的地功能,js源码不变!看官是不是已经迫不及待了?不急不急,咱们一点点来完成案例。二、插件使用教程2.1 html源码部分html源码 h2jquery.ajax实现destoon出发地与目的地地址三级联动伪下拉菜单式demo/h2!--出发地--div class="ylsj-search-areaw z-index10 clearfix"label for=&quo
小黑 网页特效2016-02-14
jquery教程:多功能弹出窗口特效插件Popuptools.js
先来看一张特效截图吧:也许看官已经猜到了是什么特效,没错!就是一个带关闭按钮的弹出窗口特效。虽然网上类似插件很多,但艺灵的这款插件功能确实要比一般的弹出插件强很多。不信?请往下看。由于jquery源码比较多,艺灵就不一一详细讲解如何实现的了,只讲下实现的大致步骤,然后是一堆实例教看官如何使用此插件。一、弹出功能分析0.点击页面中指定按钮时触发弹出功能;1.一个半透明黑色背景全屏铺展开来,挡住原来的页面;2.隐藏浏览器滚动条,避免拉动滚动条时中间的弹出内容滚动;3.中间的主弹出窗口位于浏览器中间位置,任意调
小黑 网页特效2016-02-14
jQuery橘红色右侧在线客服效果
网页代码为:!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="https://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content=&quo
小黑 网页特效2016-02-10