全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果19,479个

CSS教程:专门介绍滑动门_CSS教程_CSS_网页制作_脚本之家

CSS教程:专门介绍滑动门 滑动门(Sliding Doors) 还是决定把滑动门单独提作一种单独的技术. 它是CSS引入的一项用来创造漂亮且实用的界面的新技术, 它使用简单, 我们只需要使用两张单独的背景图片, 就可以实现。 滑动门一般用做网站Tab导航, 根据Tab中内容的长短自动缩放Tab的效果. 滑动门(Sliding Doors) 还是决定把...
www.jb51.net/css/67...html 2024-5-12

css 滑动门技术的介绍及实例分享 _CSS教程_CSS_网页制作_脚本之家

css滑动门技术的定义 滑动门技术就是:当点击页面上的导航按钮后这个导航按钮的CSS特性发生变化,从而区别于该组的其他导航按钮,提示给操作者,当前浏览的内容就是这个CSS特性发生变化的按钮所指向的内容。这种效果的一大好处在于,在多导航的页面上能够清晰地反映当前浏览内容隶属于哪个栏目或者哪个类,同时给人以美观、清晰...
www.jb51.net/css/216...html 2024-5-21

Jquery滑动门/tab切换实现方法完整示例_jquery_脚本之家

这篇文章主要介绍了Jquery滑动门/tab切换实现方法,结合完整实例形式分析了Jquery滑动门/tab切换具体操作技巧与页面元素动态操作实现方法,需要的朋友可以参考下本文实例讲述了Jquery滑动门/tab切换实现方法。分享给大家供大家参考,具体如下:1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23...
www.jb51.net/article/1881...htm 2024-5-31

JavaScript实现滑动门效果_javascript技巧_脚本之家

1、简单的HTML基础知识 2、简单的CSS基础样式 3、基本的javascript知识 三、如何实现滑动门(重点) 准备好一段HTML代码 1 2 3 4 5 6 <!--图片可以自己修改--> 给当前HTML结构添加样式 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 *{ margin:0; padding:0...
www.jb51.net/article/1787...htm 2024-5-29

JS+CSS实现简单滑动门(滑动菜单)效果_javascript技巧_脚本之家

这是一款超简约设计的滑动门菜单,鼠标放到主菜单上,里面的内容会跟着变化,实际上本演示是一个范例,从代码中的注释你就能感觉到,每一步都有注释,对学习JavaScript和CSS都有帮助,也为你以后写出比这更漂亮、更实用的滑动门做铺垫。 运行效果截图如下:
www.jb51.net/article/724...htm 2024-6-1

JS实现的简洁纵向滑动菜单(滑动门)效果_javascript技巧_脚本之家

这是一款纵向布局的CSS+JavaScript滑动门代码,相当简洁的手法来实现,如果对颜色不满意,你可以试着自己修改CSS代码,这个滑动门将每一个“门”的内容存入JS数组中,这样可以减少代码量,但也带来了一个扩展的问题,扩展性方面有待完善,仅供参考。 运行效果截图如下: ...
www.jb51.net/article/735...htm 2024-5-25

js实现简洁的TAB滑动门效果代码_javascript技巧_脚本之家

这是一款滑动门代码,简洁TAB,简单的鼠标导航效果,大家或许经常见到的效果啦,鼠标放在主菜单上,下边框架内的内容会跟着变换,鼠标不需要点击,只需要滑上去就可切换内容,像一扇门,所以有时候别人叫“滑动门”菜单。 运行效果如下图所示: 在线演示地址如下:
www.jb51.net/article/719...htm 2024-6-1

JS+CSS实现简易的滑动门效果代码_javascript技巧_脚本之家

看了很多的滑动门和滑动菜单的资料,总算写出来了一个像样的滑动门,虽然外观不怎么样,但可以兼容火狐,还请老前辈们不要笑话,以后有好多西再请大家批评。 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-simple-hdtx-demo-codes/ ...
www.jb51.net/article/726...htm 2024-6-1

JS+CSS实现自适应选项卡宽度的圆角滑动门效果_javascript技巧_脚本...

这是一款JS+CSS打造自适应宽度的圆角滑动门,这里的圆角主要是靠一张背景图片去实现,所指的宽度是滑动门上的导航的宽度,不管文字有多少,它都会一直顺着下去,不会被内容所撑破,兼容性方面,兼容IE6/7/8,火狐未试,应该也兼容 。 运行效果截图如下: 在线演示地址如下: ...
www.jb51.net/article/722...htm 2024-6-1

jQuery实现的经典滑动门效果_jquery_脚本之家

这是一款jQuery 滑动门,从样式上来说,虽然有些古板,但已经具备了经典的滑动门功能,感兴趣的朋友可以继续美化一下界面。 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-jd-hd-move-menu-codes/ 具体代码如下: 1 2 3
www.jb51.net/article/725...htm 2024-6-1