滑动门,简洁,新手上路制作篇 (小鸽子系列)
以前回复过几个朋友,关于滑动门的代码,那时我还没有用上IE7,FF,结果,发现只能在IE6下运行,代码也很长;今天又有朋友问我这个,我只好花一点时间,终于把这个东东完成了,希望大家喜欢;
兼容IE7;FF;IE6
代码更简洁,更易读;
▒ 恋婷滑动门技术
//中的onmouseover 改成 onclick;
//]]>
- 流行音乐
- 美女写真
- 平面设计
- 网络学堂
- 恋爱宝典
- Q小鸽子
流行音乐 的内容
美女写真 的内容
平面设计 的内容
网络学堂 的内容
恋爱宝典 的内容
[Q小鸽子] 的内容
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
滑动门,简洁,新手上路制作篇 (小鸽子系列)
以前回复过几个朋友,关于滑动门的代码,那时我还没有用上IE7,FF,结果,发现只能在IE6下运行,代码也很长;今天又有朋友问我这个,我只好花一点时间,终于把这个东东完成了,希望大家喜欢; 兼容IE7;FF;IE6 代码更简洁,更易读; ▒ 恋婷滑动门技术 //中的onmouseover 改成 onclick; //]]> 流行音乐 美女写真 平面设计 网络学堂 恋爱宝典 Q小鸽子 流行音乐 的内容 美女写真 的内容 平面设计 的内容 网络学堂 的内容 恋爱宝典 的内容 [Q小鸽子] 的内容 [C
-
div+css实现的滑动门,简洁,新手上路 (小鸽子系列)
以前回复过几个朋友,关于滑动门的代码,那时我还没有用上IE7,FF,结果,发现只能在IE6下运行,代码也很长;今天又有朋友问我这个,我只好花一点时间,终于把这个东东完成了,希望大家喜欢; 兼容IE7;FF;IE6 代码更简洁,更易读; 滑动门 网上房展会 本月开盘 知名开发商 栏目导航 哈哈哈哈 Q小鸽子 内容1 内容2 内容3 内容4 内容5 内容6 [Q小鸽子] [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
JS实现的简洁纵向滑动菜单(滑动门)效果
本文实例讲述了JS实现的简洁纵向滑动菜单(滑动门)效果.分享给大家供大家参考,具体如下: 这是一款纵向布局的CSS+JavaScript滑动门代码,相当简洁的手法来实现,如果对颜色不满意,你可以试着自己修改CSS代码,这个滑动门将每一个"门"的内容存入JS数组中,这样可以减少代码量,但也带来了一个扩展的问题,扩展性方面有待完善,仅供参考. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-simple-zxhd-menu-demo/
-
JS+CSS实现带小三角指引的滑动门效果
本文实例讲述了JS+CSS实现带小三角指引的滑动门效果.分享给大家供大家参考.具体如下: 这是一款JS+CSS带小三角指引的滑动门,有朋友说在IE6下看不到效果,其实能看到,因为那个小三角颜色比较淡,有时候因显示器的原因看不太清,其实这个颜色是自己可以控制的,改一下就行了,带三角指引后,使整个滑动门的结构更清淅,导向性更合理. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-sj-move-menu-style-codes/ 具体代
-
js实现简洁的滑动门菜单(选项卡)效果代码
本文实例讲述了js实现简洁的滑动门菜单.分享给大家供大家参考.具体如下: 一个简洁实用的网页选项卡菜单,在同一个页面中实现两个选项卡,第一个是滑动门,从布局上来说基本是相似的,第二个是选项卡,这里主要使用了Js自定义函数:tabMenu,函数功能:实现tab菜单,参数说明:tabMenu(tabBox,navClass); 参数一:tabBox(tab容器id) 参数二:navClass(当前标签样式class) 备注:依赖指定html结构. 运行效果截图如下: 在线演示地址如下: http:/
-
js实现简洁的TAB滑动门效果代码
本文实例讲述了js实现简洁的TAB滑动门效果代码.分享给大家供大家参考.具体如下: 这是一款滑动门代码,简洁TAB,简单的鼠标导航效果,大家或许经常见到的效果啦,鼠标放在主菜单上,下边框架内的内容会跟着变换,鼠标不需要点击,只需要滑上去就可切换内容,像一扇门,所以有时候别人叫"滑动门"菜单. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-tab-simple-cha-style-codes/ 具体代码如下: <html&
-
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
本文实例讲述了js+css实现的圆角边框TAB选项卡滑动门效果.实例包含两款CSS圆角代码,可鼠标点击,也可鼠标移动上去显示效果,分享给大家供大家参考.具体如下: 运行效果图:-------------------查看效果------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的js+css实现的圆角边框TAB选项卡滑动门代码如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio
-
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
本文实例讲述了JS+CSS实现自适应选项卡宽度的圆角滑动门效果.分享给大家供大家参考.具体如下: 这是一款JS+CSS打造自适应宽度的圆角滑动门,这里的圆角主要是靠一张背景图片去实现,所指的宽度是滑动门上的导航的宽度,不管文字有多少,它都会一直顺着下去,不会被内容所撑破,兼容性方面,兼容IE6/7/8,火狐未试,应该也兼容 . 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-auto-width-nav-tab-codes/ 具体代
-
vue2.X组件学习心得(新手必看篇)
VUEJS学习网址:https://cn.vuejs.org/ 此文章是用来记录自己的学习和实践心得. 关注点:父子组件之间的通信 看图说话: Pass Props 子组件本身与父组件是孤立的,通过子组件中显示声明的props属性,接收父组件数据; 父组件的数据更新时,子组件的prop会跟着更新: 此数据流动是单向的(看着); Emit Events 子组件使用$.emit(fn)向外抛出自己的内部触发的事件; 父组件是否监听?如果父组件需要监听,使用v-on绑定监听,触发对应事件; 以上为通用
-
CSS中的滑动门技术
作者:nobita 2005-5-8 9:39:31ISSN: 1534-0295. 20 October 2003 – Issue No. 160 原文作者:Douglas Bowman 原文出自:A List Apart 中文翻译:54player.com nobita 版权说明:本文中文翻译版权归译者54player.com nobita所有.需要转载发表的,请先与作者联系 在CSS中,一个经常被人们讨论的先进之处即背景图像的可层叠性,并允许他们在彼此之上进行滑动,以创造一些特殊的效果.根
随机推荐
- ext前台接收action传过来的json数据示例
- Go语言中数组的基本用法演示
- angularjs实现上拉加载和下拉刷新数据功能
- Oracle 错误代码整理总结
- JavaScript实现点击单选按钮改变输入框中文本域内容的方法
- 自动跳转中英文页面
- Apache启动报错No space left on device: AH00023该怎么解决
- JBuilderX+SQL Server开发hibernate
- js的toUpperCase方法用法实例
- SwfUpload在IE10上不出现上传按钮的解决方法
- jQuery的animate函数实现图文切换动画效果
- 使用referer指令配置Nginx服务器来防止图片盗链
- java中抽象类、抽象方法、接口与实现接口实例详解
- 在Zeus Web Server中安装PHP语言支持
- linux下使用ThinkPHP需要注意大小写导致的问题
- 在android中实现类似uc和墨迹天气的左右拖动效果
- 基于bootstrap写的一点localStorage本地储存
- java 发送http和https请求的实例
- JS实现访问DOM对象指定节点的方法示例
- Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法