Welcome 微信登录

首页 / 脚本样式 / JavaScript

js实现仿爱微网两级导航菜单效果代码

js实现仿爱微网两级导航菜单效果代码

2017年02月06日 12 阅读
本文实例讲述了js实现仿爱微网两级导航菜单效果代码。分享给大家供大家参考。具体如下：这是一款仿爱微网两级导航菜单，tab选项卡形式的导航菜单，原生js做的tab选项卡型的导航菜单，需要鼠标点击才切换出二级子菜单，可修改成鼠标移过去就更换内容的形式。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-fawei-web-nav-menu-style-codes/具体代码如下：<html><he...
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果

js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果

2017年02月06日 11 阅读
本文实例讲述了js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果。分享给大家供大家参考。具体如下：这是一款可在同一页面中多次调用的TAB选项卡代码，仿百度风云榜的TAB切换效果，用到了几张修饰图片，请顺着代码下载所需的图片，然后上传到你的网站中，修改代码内的路径就可以用了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-f-baidu-style-tab-cha-codes/具体代码如下：<！...
js实现TAB切换对应不同颜色的代码

js实现TAB切换对应不同颜色的代码

2017年02月06日 11 阅读
本文实例讲述了js实现TAB切换对应不同颜色的代码。分享给大家供大家参考。具体如下：这是一个个性化的TAB菜单，每个TAB卡片的背景颜色都不相同，鼠标点击上部的TAB，在主体内容区可看到颜色的变化。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-cha-tab-color-nav-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr...
jQuery实现灰蓝风格标准二级下拉菜单效果代码

jQuery实现灰蓝风格标准二级下拉菜单效果代码

2017年02月06日 11 阅读
本文实例讲述了jQuery实现灰蓝风格标准二级下拉菜单效果代码。分享给大家供大家参考。具体如下：这是一款基于jQuery实现的标准型二级菜单，是漂亮的灰-蓝风格下拉级联菜单，代码经过了完美修正，目前兼容性已经很不错了，甚至不用修改，拷贝代码你就可以用了。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-blue-color-style-nav-menu-codes/具体代码如下：<！DOCTY...
jquery实现点击变换导航样式的方法

jquery实现点击变换导航样式的方法

2017年02月06日 11 阅读
本文实例讲述了jquery实现点击变换导航样式的方法。分享给大家供大家参考。具体如下：这里分享一个导航点击变换样式的代码，近来看到很多网站的导航都是点击后导航样式跟着变化，今天就使用jqurey简单实现这一功能，高手勿喷。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-click-cha-nav-style-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C...
js实现黑色简易的滑动门网页tab选项卡效果

js实现黑色简易的滑动门网页tab选项卡效果

2017年02月06日 11 阅读
本文实例讲述了js实现黑色简易的滑动门网页tab选项卡效果。分享给大家供大家参考。具体如下：这是一款js实现的黑色风格网页滑动门菜单，虽然简洁但看上去不失大气，稍微修改一下即可换成选项卡，懂JS的朋友可好好修改一下哦，改成你喜欢的样式。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/js-simple-black-style-web-tab-codes/具体代码如下：<！DOCTYPE html PUBL...
JS自动倒计时30秒后按钮才可用（两种场景）

JS自动倒计时30秒后按钮才可用（两种场景）

2017年02月06日 12 阅读
展示效果图：WEB开发中经常会用到倒计时来限制用户对表单的操作，比如希望用户在一定时间内看完相关协议信息才允许用户继续下一步操作，又比如在收取手机验证码时允许用户在一定时间过后（未收到验证码的情况下）再次获取验证码。那么今天我来给大家介绍下如何使用Javascript来实现这一简单应用。 查看演示 下载源码应用场景1：用户注册时阅读完相关协议信息后才能激活按钮某些网站注册时要求用户同意所谓的用户协议之类的信息，如果协议内容非常重要，有些网站会要求新注册的用...
jquery实现可点击伸缩与展开的菜单效果代码

jquery实现可点击伸缩与展开的菜单效果代码

2017年02月06日 11 阅读
本文实例讲述了jquery实现可点击伸缩与展开的菜单效果代码。分享给大家供大家参考。具体如下：这是一款jquery实现的点击伸缩与展开的菜单代码，操作方式大家都知道吧，点击一下展开二级菜单的内容，再次点击则合拢，很经典的折叠菜单。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-click-show-hidden-menu-style-codes/具体代码如下：<！DOCTYPE html P...
基于jQuery实现的向下滑动二级菜单效果代码

基于jQuery实现的向下滑动二级菜单效果代码

2017年02月06日 11 阅读
本文实例讲述了基于jQuery实现的向下滑动二级菜单效果代码。分享给大家供大家参考。具体如下：这是一款使用jQuery制作向下滑动的二级菜单，本二级菜单带有动画效果，而且比较流畅，鼠标放在一级菜单上，就可以向下滑出二级子菜单，相对实用。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-show-down-style-menu-codes/具体代码如下：<！DOCTYPE html PUBLIC...
jquery简单实现带渐显效果的选项卡菜单代码

jquery简单实现带渐显效果的选项卡菜单代码

2017年02月06日 11 阅读
本文实例讲述了jquery简单实现带渐显效果的选项卡菜单代码。分享给大家供大家参考。具体如下：带渐显效果的选项卡菜单，使用了jQuery共同完成的效果，鼠标点击选项卡之后，出现渐变（淡入淡出效果），让网页看上去更生动。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-cha-style-tab-menu-codes/具体代码如下：<！DOCTYPE html PUBLIC "-//W3C//D...
JavaScript常用标签和方法总结

JavaScript常用标签和方法总结

2017年02月06日 11 阅读
什么是javascript？（1） JavaScript是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的 脚本语言。（2） JavaScript是由Netscape公司开发的一种脚本语言，其编写的程序可以嵌入到 HTML页面中，并直接在浏览器中解释执行。（3） JavaScript可以被浏览器直接解释执行，它可以更好得减小服务器压力，提高程 序运行效率。//事件（事件监听） : //标签对象.事件监听.function...
jQuery实现可高亮显示的二级CSS菜单效果

jQuery实现可高亮显示的二级CSS菜单效果

2017年02月06日 11 阅读
本文实例讲述了jQuery实现可高亮显示的二级CSS菜单效果。分享给大家供大家参考。具体如下：这里实现鼠标放在二级菜单上，一级菜单可高亮显示，以指示当前菜单所在的位置，引入了jQuery插件使其在做对简洁度方面优化的非常好，用较少的代码实现想要的功能，分享给大家。先来看看运行效果截图：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-color-show-2level-css-menu-codes/具体代码如下：&l...
jquery实现简单合拢与展开网页面板的方法

jquery实现简单合拢与展开网页面板的方法

2017年02月06日 11 阅读
本文实例讲述了jquery实现简单合拢与展开网页面板的方法。分享给大家供大家参考。具体如下：这是一款网页上常见的合拢（收缩）、伸展面板代码，使用了jQuery插件，代码更加简化，点击面板的标题栏即可折叠、或展开这个层，是网上很流行的效果，由此可扩展出的功能还真挺多，只要动脑筋，一定能做出来。运行效果截图如下：在线演示地址如下：http://demo.jb51.net/js/2015/jquery-simple-hidden-show-web-table-c...
<< 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图