更多>
最新下载
24小时阅读排行榜
- 1 flash 如何转成html5_Flash转HTML5方案与迁移技巧【教程】
- 2 CSS 自定义属性在 :visited 伪类中不可读取与修改
- 3 如何安全地为学生添加加分而不超过满分限制
- 4 手机怎么运行html js文件_手机运行html与js文件方法【教程】
- 5 如何在 Go 正则表达式中安全转义动态字符串
- 6 css复选框选中样式怎么控制_使用css:checked伪类
- 7 javascript Fetch API是什么_它与XMLHttpRequest有何不同?
- 8 Laravel 项目中 PHP Artisan 命令无法执行的解决方案
- 9 Linux安全扫描教程_NmapLynis漏洞扫描与防护实战
- 10 Python多继承设计取舍_复杂度控制说明【指导】
- 11 css 页面横向滚动条出现怎么办_使用 css 控制溢出并重设宽度
- 12 css引入图标库字体图标不显示怎么办_加载font-face字体文件并使用对应类
- 13 css grid布局实现等高多行怎么办_利用align items stretch和grid auto rows
- 14 微博html5版本怎么弄看会员特权_会员权益查看入口及功能解锁说明【解答】
- 15 css元素获取焦点样式怎么控制_使用css:focus伪类处理状态
更多>
最新教程
-
- Node.js 教程
- 14727 2025-08-28
-
- CSS3 教程
- 1542209 2025-08-27
-
- Rust 教程
- 22319 2025-08-27
-
- Vue 教程
- 24772 2025-08-22
-
- PostgreSQL 教程
- 21450 2025-08-21
-
- Git 教程
- 8530 2025-08-21
jQuery的滑动门选项卡上下滚动切换特效
<div class="film_focus">
<div class="film_focus_desc">
<ul class="film_focus_nav">
<li class="cur"><b class="zhanl"><p><img src="images/show1_hover.png" />展览展示</p></b><span class="zhanl"><p><img src="images/show1.png" />展览展示</p></span></li>
<li><b class="huod"><p><img src="images/show2_hover.png" /></p>活动策划</b><span class="huod"><p><img src="images/show2.png" />活动策划</p></span></li>
<li><b><p><img src="images/show3_hover.png" /></p>商业设计</b><span><p><img src="images/show3.png" />商业设计</p></span></li>
<li><b><p><img src="images/show4_hover.png" /></p>增值服务</b><span><p><img src="images/show4.png" />增值服务</p></span></li>
</ul>
</div>
<div class="film_focus_imgs_wrap">
<ul class="film_focus_imgs">
<li>
<dl>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" /><p>1瑞马公司</p></div><div class="hover_s"><img src="images/chse.png" /><p>1瑞马公司</p></div></a></dd>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" /><p>展览项目</p></div><div class="hover_s"><img src="images/chse.png" /><p>展览项目</p></div></a></dd>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" /><p>管理展台</p></div><div class="hover_s"><img src="images/chse.png" /><p>管理展台</p></div></a></dd>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" /><p>展示精典</p></div><div class="hover_s"><img src="images/chse.png" /><p>展示精典</p></div></a></dd>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" /><p>投标历史</p></div><div class="hover_s"><img src="images/chse.png" /><p>投标历史</p></div></a></dd>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" /><p>展台设计</p></div><div class="hover_s"><img src="images/chse.png" /><p>展台设计</p></div></a></dd>
</dl>
<div class="film_focus_desc">
<ul class="film_focus_nav">
<li class="cur"><b class="zhanl"><p><img src="images/show1_hover.png" />展览展示</p></b><span class="zhanl"><p><img src="images/show1.png" />展览展示</p></span></li>
<li><b class="huod"><p><img src="images/show2_hover.png" /></p>活动策划</b><span class="huod"><p><img src="images/show2.png" />活动策划</p></span></li>
<li><b><p><img src="images/show3_hover.png" /></p>商业设计</b><span><p><img src="images/show3.png" />商业设计</p></span></li>
<li><b><p><img src="images/show4_hover.png" /></p>增值服务</b><span><p><img src="images/show4.png" />增值服务</p></span></li>
</ul>
</div>
<div class="film_focus_imgs_wrap">
<ul class="film_focus_imgs">
<li>
<dl>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" /><p>1瑞马公司</p></div><div class="hover_s"><img src="images/chse.png" /><p>1瑞马公司</p></div></a></dd>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" /><p>展览项目</p></div><div class="hover_s"><img src="images/chse.png" /><p>展览项目</p></div></a></dd>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" /><p>管理展台</p></div><div class="hover_s"><img src="images/chse.png" /><p>管理展台</p></div></a></dd>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" /><p>展示精典</p></div><div class="hover_s"><img src="images/chse.png" /><p>展示精典</p></div></a></dd>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" /><p>投标历史</p></div><div class="hover_s"><img src="images/chse.png" /><p>投标历史</p></div></a></dd>
<dd><a href="http://sc.chinaz.com/"><div class="mouse_s"><img src="images/cp.jpg" /><p>展台设计</p></div><div class="hover_s"><img src="images/chse.png" /><p>展台设计</p></div></a></dd>
</dl>
</li>
一款jQuery滑动门选项卡上下滚动切换特效,鼠标悬停选项卡图标导航自动切换到相应内容,鼠标经过图片显示加号特效。
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn
