码迷,mamicode.com
首页 >  
搜索关键字:滑动门    ( 60个结果
电商网站滑动门特效
今天在慕课网学习了JavaScript滑动门特效,这个特效在电商网站上比较常见,难度适中,要对JavaScript和DOM比较熟悉。 一、实现HTML + CSS结构 首先编写HTML代码 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="UT
分类:Web程序   时间:2016-02-01 02:08:48    阅读次数:229
滑动门算法
1 // 非原创,来自demo:http://yuanoook.com/file?hash=579d738296490b2f9375ee15c547cd07 2 // http://www.w3cfuns.com 3 // http://cdn.res.w3cfuns.com/js/common.....
分类:编程语言   时间:2016-01-18 10:21:27    阅读次数:185
css sprites-简单实例让你快速掌握css sprites精髓
这段时间有几次接触到了css sprites的概念,一个就是在用css做滑动门的时候,另外一个就是在用YSlow分析网站性能的时候,于是对css sprites这个概念产生了浓厚的兴趣。在网上查找了很多的资料,但可惜的是大部分都是只言片语,其中很多都是直接翻译国外的资料,也有直接推荐国外的资料网站,...
分类:Web程序   时间:2015-12-07 20:48:24    阅读次数:166
实现滑动门的三种方法
[1]两层嵌套 [2]三层嵌套 [3]绝对定位
分类:其他好文   时间:2015-12-07 11:55:42    阅读次数:170
JS滑动门
专家汇聚 主治医师 更多 00 更多 555 //tab切换function setTab(name, cursel, n) { for (i = 1; i <= n; i++) { var menu = ...
分类:Web程序   时间:2015-11-24 00:59:05    阅读次数:208
html+css+js实现滑动导航条
1 2 3 4 5 实用js+css滑动门导航菜单 6 18 19 20 21 一号菜单22 二号菜单23 三号菜单24 四号菜单25 26 27 28 子菜单129 子菜单230 子菜单331 子菜单432 33 34 子菜单q35 子菜单s36 子菜单d37 子菜单f38 39 40 ...
分类:Web程序   时间:2015-10-13 12:14:23    阅读次数:162
jQuery制作鼠标悬停水平滑动门切换特效仿阿里妈妈联盟广告切换特效
jQuery制作鼠标悬停水平滑动门切换特效仿阿里妈妈联盟广告切换特效 源代码下载地址:http://www.zuidaima.com/share/1607128309009408.htm...
分类:Web程序   时间:2015-08-30 13:02:33    阅读次数:523
jquery插件之tab标签页或滑动门
该插件乃本博客作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧。 此插件旨在实现目前较为流行的tab标签页或滑动门特效,在此插件中默认使用的是鼠标滑过事件,您也可以根据自己的实际需求将滑过事件hover改为点击事件click。整体代码如下:
分类:Web程序   时间:2015-08-20 12:32:37    阅读次数:141
【前端】css自适应宽度滑动门菜单
html     css    width  自适应 什么是CSS自适应宽度滑动门菜单? CSS自适应宽度菜单指菜单的宽度可以随着内容的增加而变宽,就拿下边的实例来说,是按4个字的宽度来设计的,如果其中一项为5个字或更多,就放不下了。那么我们就需要让它的宽度可以随着内容的增减而变化,这就是css自适应宽度菜单。         自适应宽度按钮的效果是怎样的呢? ...
分类:Web程序   时间:2015-07-22 16:25:51    阅读次数:242
有关“滑动门”代码研究
废话先不说,先上代码:/**************************************** 此代码来源于CSS-TRICKS,以下信息为博主发布: CREATED BY: Brandon Setter WEBSITE: http://Media-Sprout.com FOLLOW ME...
分类:其他好文   时间:2015-07-18 22:40:36    阅读次数:254
60条   上一页 1 2 3 4 5 6 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!