本文实例讲述了JS+CSS实现仿支付宝菜单选中效果代码。分享给大家供大家参考。具体如下： 这是一个漂亮的JS+CSS仿支付宝菜单，总体风格和形式与支付宝的菜单没什么两样，细心会发现这是一个CSS爱好者自己手功完成的，自己美化图片，重写CSS代码，为作者给我们奉献这么好的菜单而表示感谢。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-css-f-alipay-style-menu-codes/ 具体代码如下： <!DOCTYPE html PU...
本文实例讲述了JS+CSS实现简单滑动门的方法。分享给大家供大家参考。具体如下： 这是一款超简约设计的滑动门菜单，鼠标放到主菜单上，里面的内容会跟着变化，实际上本演示是一个范例，从代码中的注释你就能感觉到，每一步都有注释，对学习JavaScript和CSS都有帮助，也为你以后写出比这更漂亮、更实用的滑动门做铺垫。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-css-jdhd-menu-style-codes/ 具体代码如...
本文实例讲述了JS+CSS实现简单的二级下拉导航菜单效果。分享给大家供大家参考。具体如下： 这是一款CSS配合JavaScript实现二级下拉导航菜单，好像CSS要配合JS才能写出好效果来，本款菜单同样用到了JS，菜单目前支持两级，下拉导航是我们经常用的一种菜单形式，把这个修改一下你就能用了，结构挺简单，相信你会做好的。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-css-simple-2l-fade-down-menu-codes/...
本文实例讲述了JS+CSS实现的经典tab选项卡效果代码。分享给大家供大家参考。具体如下： 这是一款经典的JavaScript+CSS tab选项卡代码，由以前的一款改写而成，自认为不错的东西，发上来分享吧。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-css-jd-tab-cha-style-codes/ 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran...
本文实例讲述了JS+CSS实现带小三角指引的滑动门效果。分享给大家供大家参考。具体如下： 这是一款JS+CSS带小三角指引的滑动门，有朋友说在IE6下看不到效果，其实能看到，因为那个小三角颜色比较淡，有时候因显示器的原因看不太清，其实这个颜色是自己可以控制的，改一下就行了，带三角指引后，使整个滑动门的结构更清淅，导向性更合理。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-css-sj-move-menu-s...
本文实例讲述了JS+CSS实现类似QQ好友及黑名单效果的树型菜单。分享给大家供大家参考。具体如下： 今天介绍的这个菜单堪称极品啊，不过里面的有些图标丢失了，路径还留在那，真想使用的朋友自己制作两个折叠菜单的图标按路径传上去就行了，这个菜单是模仿QQ面板的菜单功能，很多朋友还是很喜欢这种功能的，没想到用这么少的JS代码也可实现 ，值得代签哦。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-cs...
本文实例讲述了JS+CSS实现精美的二级导航效果代码。分享给大家供大家参考。具体如下： 这是一款基于JS+CSS实现的精美二级导航，适合想学一些基础点的、基础js知识技巧的朋友们。其实本菜单的完成不仅仅是需要基础知识，更需要的是对CSS熟悉之后的巧妙构思，菜单可能都会写，但写出好菜单就不那么容易了。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-css-jm-2l-nav-menu-codes/ 具体代码如下： <!DOCTY...
本文实例讲述了JS+CSS实现简易实用的滑动门菜单效果。分享给大家供大家参考。具体如下： 这是一个简洁实用的CSS+JavaScript滑动门导航菜单，写时候，我尽量用最少的代码写出兼容性好的代码，希望这款滑动门大家能够喜欢，也希望研究JS的达人一同切磋，共同提高。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-css-simple-useful-menu-codes/ 具体代码如下： <html> <head> <title>简易实用，滑动门</tit...
本文实例讲述了JS+DIV+CSS实现的经典标签切换效果代码。分享给大家供大家参考。具体如下： 这里演示JS+DIV+CSS实现的标签切换效果代码，通俗说就是滑动门的实现效果，很不错的实例，希望对你学习JS+CSS布局有帮助。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-div-css-bq-cha-tab-style-codes/ 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...
本文实例讲述了JS+CSS实现自动切换的网页滑动门菜单效果代码。分享给大家供大家参考。具体如下： 这是一款支持自动切换功能的网页滑动门菜单，JS与CSS结合的技术成果，有人说它是自己会切换的网页选项卡标签面板，QQ登录后弹出的每日要闻迷你窗口中有类似效果，但是代码写法却是截然不同的，每一位作者的思路是不同的，因此您多了一份参考。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-css-auto-cha-t...
本文实例讲述了JS+CSS实现自适应选项卡宽度的圆角滑动门效果。分享给大家供大家参考。具体如下： 这是一款JS+CSS打造自适应宽度的圆角滑动门，这里的圆角主要是靠一张背景图片去实现，所指的宽度是滑动门上的导航的宽度，不管文字有多少，它都会一直顺着下去，不会被内容所撑破，兼容性方面，兼容IE6/7/8,火狐未试，应该也兼容 。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-css-auto-width-nav-tab-c...
本文实例讲述了JS+CSS实现带有碰撞缓冲效果的竖向导航条代码。分享给大家供大家参考。具体如下： 这是一款碰撞缓冲效果的导航条，JavaScript妙味课堂奉献给大家的作品，很不错的竖向菜单，希望大家喜欢。所用技术是JS和CSS。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-css-pzxg-r-nav-style-codes/ 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o...
本文实例讲述了JS+CSS实现电子商务网站导航模板效果代码。分享给大家供大家参考。具体如下： 这是一款JS+CSS实现的电子商务网站导航模板，二级导航菜单，超强美化，超强实用性，分享给大家。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-css-dzsw-wen-nav-style-codes/ 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans...
本文实例讲述了JS+CSS实现大气的黑色首页导航菜单效果代码。分享给大家供大家参考。具体如下： 这是一款JS+CSS实现的大气的重色+红色高强对比的菜单，可用作首页导航菜单，从设计的角度来讲，挺专业，从实用角度来讲，应用广泛，是款人见人爱的经典风格菜单，超不错的一个作品。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-css-black-style-nav-menu-codes/ 具体代码如下： <!DOCTYPE html PUBLIC "-/...
本文实例讲述了jQuery+css实现的蓝色水平二级导航菜单效果。分享给大家供大家参考。具体如下： 这是一款蓝色经典的jQuery+CSS实现水平二级导航菜单，相信你会喜欢的，蓝色，超级经典的一种风格，从其它网站上扣下来的，我认为很不错，赶紧分享给大家吧。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-css-blue-line-2level-nav-menu-codes/ 具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1....