Welcome 微信登录

首页 / 脚本样式 / JavaScript

JavaScript简单下拉菜单实例代码

JavaScript简单下拉菜单实例代码

本文实例讲述了JavaScript简单下拉菜单实例代码。分享给大家供大家参考。具体如下:这是一款JavaScript实现的下拉菜单演示代码,带渐变效果的CSS+jQuery菜单,向下滑出型的菜单,最高支持两级,网上常见到的一种菜单风格,希望大家喜欢哦。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-simple-xlcd-down-menu-codes/具体代码如下:<!DOCTYPE html P...
jquery仅用6行代码实现滑动门效果

jquery仅用6行代码实现滑动门效果

本文实例讲述了jquery仅用6行代码实现滑动门效果。分享给大家供大家参考。具体如下:这是一个基于jQuery的滑动门导航栏,仅6行代码,不知还有没有比此更少的代码了,在滑动门的实现过程中,用背景图片修饰了每个“门”的背景,更美观漂亮,有着极好的用户操作体验。运行效果如下图所示:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-simple-nav-menu-style-codes/具体代码如下:<!DOCTY...
jquery实现通用的内容渐显Tab选项卡效果

jquery实现通用的内容渐显Tab选项卡效果

本文实例讲述了jquery实现通用的内容渐显Tab选项卡效果。分享给大家供大家参考。具体如下:这是一款网页常用的TAB选项卡功能,无鼠标操作的时候它可以自动轮换,美化一般,看上去有些粗糙,有兴趣使用的朋友可以进行细致修饰,相信会更漂亮的。运行效果如下图所示:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-show-info-tab-nav-codes/具体代码如下:<!DOCTYPE html PUBLIC ...
js图片轮播特效代码分享

js图片轮播特效代码分享

本文实例讲述了js图片轮播特效,分享给大家供大家参考。具体如下:这是一款基于javascript实现的图片轮播特效代码,有缩略图和标题,可以自定义标题。运行效果图: -------------------查看效果-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。为大家分享的js图片轮播特效代码如下<head><meta http-equiv="Content-Type" content="tex...
jquery实现Slide Out Navigation滑出式菜单效果代码

jquery实现Slide Out Navigation滑出式菜单效果代码

本文实例讲述了jquery实现Slide Out Navigation滑出式菜单效果代码。分享给大家供大家参考。具体如下:这里介绍jquery实现的Slide Out Navigation跟随鼠标滑出的导航效果,鼠标移过后菜单快速从上到下移出,引用了新版的jQuery插件,菜单修改一下就可以用了,比如修改一下背景色或文字大小等。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-slide-out-n...
js带点自动图片轮播幻灯片特效代码分享

js带点自动图片轮播幻灯片特效代码分享

本文实例讲述了javascript带点自动图片轮播幻灯片特效。分享给大家供大家参考。具体如下:这是一款基于javascript实现带点自动图片轮播幻灯片特效代码,实现过程很简单。运行效果图:-------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。(1)在head区域引入CSS样式:<link rel="stylesheet" href="css/zzsc.c...
JS实现的另类手风琴效果网页内容切换代码

JS实现的另类手风琴效果网页内容切换代码

本文实例讲述了JS实现的另类手风琴效果网页内容切换代码。分享给大家供大家参考。具体如下:这是一款以海贼王为题材的另类手风琴效果,用到三张背景图片,请顺着代码自已下载吧,多看看类似特效的编写思路,对于提高你的Js编程水平有不少帮助的。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-sfq-web-cha-style-codes/具体代码如下:<!DOCTYPE html PUBLIC "-//W3C/...
JavaScript实现的经典文件树菜单效果

JavaScript实现的经典文件树菜单效果

本文实例讲述了JavaScript实现的经典文件树菜单效果。分享给大家供大家参考。具体如下:这是一款简单的JavaScript文件树菜单,经典的树形菜单,特别是文件夹的样式比较经典,折叠和展开也很流畅自然,不过本款菜单有一个缺点,就是菜单的数据写在JS的数组里,这样一来多多少少对菜单内容的修改造成一定麻烦。先来看看运行效果截图:在线演示地址如下:http://demo.jb51.net/js/2015/js-file-tree-style-menu-cod...
js淡入淡出焦点图幻灯片效果代码分享

js淡入淡出焦点图幻灯片效果代码分享

本文实例讲述了javascript淡入淡出焦点图幻灯片效果。分享给大家供大家参考。具体如下:这是一款基于javascript实现的淡入淡出焦点图幻灯片效果代码,可以自定义标题,实现过程很简单。运行效果图:-------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。为大家分享的js淡入淡出焦点图幻灯片效果代码如下<head><meta http-equ...
jQuery实现带动画效果的多级下拉菜单代码

jQuery实现带动画效果的多级下拉菜单代码

本文实例讲述了jQuery实现带动画效果的多级下拉菜单代码。分享给大家供大家参考。具体如下:这是一款基于jQuery实现的多级下拉菜单,带动画效果,所有的元素以ul li ul li ul li的循环格式嵌套 如果没有下级分类 就用li a结束嵌套,代码内不用toggle()的原因是为了在收缩菜单的时候同时也将该菜单的下级菜单以后的所有元素都隐藏。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-a...
js带前后翻页的图片切换效果代码分享

js带前后翻页的图片切换效果代码分享

本文实例讲述了javascript带前后翻页的图片切换效果。分享给大家供大家参考。具体如下:这是一款基于javascript带前后翻页的图片切换效果代码,实现过程很简单。运行效果图: -------------------查看效果-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。在head区域引入CSS样式:<link href="css/css.css" rel="stylesheet" type="te...
jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码

jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码

本文实例讲述了jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码。分享给大家供大家参考。具体如下:这是一款仿百度首页jQuery滑动伸缩展开的添加服务效果,其实是一款伸缩菜单,只不过这个菜单有点特别,只从一头向另一头伸展出去,菜单的伸缩效果平滑,设计精美。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-f-baidu-index-show-serv-style-codes/具体代码如下:<!D...
jQuery简单实现仿京东商城的左侧菜单效果代码

jQuery简单实现仿京东商城的左侧菜单效果代码

本文实例讲述了jQuery简单实现仿京东商城的左侧菜单效果代码。分享给大家供大家参考。具体如下:这是一款挺漂亮的左侧菜单效果,基于jQuery插件,但是还没有真正的完善,有些闪动,也希望高人指点修正。仿京东商城风格的菜单。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-f-jd-shop-left-menu-codes/具体代码如下:<!DOCTYPE html PUBLIC "-//W3C...
<< 1181 1182 1183 1184 1185 1186 1187 1188 1189 1190 >>