当前位置:首页 > 设计 > 实用代码
myFocus-tab 各种功能的选项卡切换,有的是带有动画效果的,各款基于myFocus库制作的焦点图风格皮肤,可自行按需选择,myFocus焦点图库及皮肤可自由使用,保留作者相关信息即可,谢谢支持!^^ Source Code to ... [更多详细]
发布日期:2018-10-16
根据以前的一个tab,加上新的结构基础做出来的。兼容IE6-IE8、FireFox、Chrome、Opera和Safari。如果你不介意display:none出现在CSS里的话,可以小改一下,那结构、样式、行为就算是完全分离开了 ... [更多详细]
发布日期:2018-10-16
横向、竖向人两个选项卡,其卡片内容是一样的,只不过多了一个操作途径,当点击一个选项卡的时候,另一个选项卡同样会指示出当的选项卡位置,也就是两者的功能是相同的,很巧妙的布局方法。 Source Code to ... [更多详细]
发布日期:2018-10-16
支付宝网站中的控制台总菜单,动画效果的显示,漂亮美观,简洁实用,鼠标移到文字上,会滑出一个菜单层,移开后消失,也是当前较流行的菜单方式,很多朋友都挺喜欢的。 Source Code to Run [www.cuoxin.com ... [更多详细]
发布日期:2018-10-16
行为、结构、表现分离的CSS选项,仅供学习参考,使用时候可能会有问题,因为这种写法需要DIV ID和 a的名称要一致,否则看不到效果,如果你的ID是中文,那就惨了! Source Code to Run [www.cuoxin.com 错 ... [更多详细]
发布日期:2018-10-16
侧边栏溢出式导航菜单,溢出的意思也就是当鼠标滑向某菜单项的时候,所属的子菜单内容从主菜单中剥离到边框外显示,这样会使导航效果更清淅,目前有不少的网站都在改进这种导航功能,特别是一些产品类 ... [更多详细]
发布日期:2018-10-16
自己写的CSS滑动门,蓝色经典风格,没有使用任何的修饰图片,清新自然,网户网站都在用,个人感觉还行吧。 Source Code to Run [www.cuoxin.com 错新网]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ... [更多详细]
发布日期:2018-10-16
仿Windows风格的选项卡,灰色有立体感的选项卡,示例内容是用JS控制输出,只是为了演示功能,你在用的时候完全可以去掉的。 Source Code to Run [www.cuoxin.com 错新网]<!DOCTYPE html PUBLIC "-//W3C/ ... [更多详细]
发布日期:2018-10-16
这个滑动门示例虽然简洁,介理却很实用,很多门户都在用,不一定复杂的东西就是好,要根据自己的需要,用户的需要适可而止,贵在使用,而不要炫技,您说呢? Source Code to Run [www.cuoxin.com 错新网]<!DOC ... [更多详细]
发布日期:2018-10-16
Windows 风格的选项卡标签,主要是指颜色和样式风格和系统的几乎是一样的,只不过这是用JS模拟的,作者水平真高哦,如果你想建立一个仿WINDOWS一样的网页的话,这种风格值得借鉴的。 Source Code to R ... [更多详细]
发布日期:2018-10-16
来自日本门户网站的一款CSS+JavaScript选项卡导航菜单,银灰色风格,看来日本人和中国人的审美是接近的,都喜欢这种风格,如果你要用的话,直接拷贝代码部分到你的网页中,注意你需要修改编码才行,日本的 ... [更多详细]
发布日期:2018-10-16
仿新浪网的滑动门,黄色经典,操作舒适度确实很舒服,不亏是门户哦,长度和宽度这个就要自己修改啦,布局紧凑合理,本人喜欢的风格。 Source Code to Run [www.cuoxin.com 错新网]<!DOCTYPE HTML PUBLIC "-/ ... [更多详细]
发布日期:2018-10-16
大家都知道,滑动门和选项卡在布局和结构方面几乎是一样的,唯一不同的是触发方式,这个是由JavaScript决定的,大致来讲就是将onmouseover改为onclick就行了,本款选项卡以前是款比较流行的滑动门,现在改成 ... [更多详细]
发布日期:2018-10-16
一个简单方法实现了CSS滑动门菜单,正研究滑动门的朋友请关注一下,这个代码可以让你了解滑动门的实现过程,没有用什么复杂的方法,只用简单配合JS,就完成了一个流行的滑动导航。 Source Code to Run ... [更多详细]
发布日期:2018-10-16
一款基于jQuery的选项卡实战示例,比较实用的一个教程,希望通过此教程让大家掌握如何使用jQuery创建一个选项卡标签,这是目前WEB前端设计比较流行的一款功能。 Source Code to Run [www.cuoxin.com ... [更多详细]
发布日期:2018-10-16
竖向选项卡系列之一,蓝色简约型,只有线条修饰,没有使用任何图片,移植方便,拷贝即可用,有些地方还需完善。 Source Code to Run [www.cuoxin.com 错新网]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML ... [更多详细]
发布日期:2018-10-16
竖向滑动门菜单,灰色风格,兼容IE6/IE7/IE8/FF/opera等众多流行浏览器,如果对颜色不满意,可以自己改CSS,全兼容的CSS选项卡可是很实用哦。 Source Code to Run [www.cuoxin.com 错新网]<!DOCTYPE h ... [更多详细]
发布日期:2018-10-16
JavaScript配合CSS制作一个能自动 切换的网页选项卡,每隔一段时间,它就自动切换选项卡列表和标题,时间自设,这里要注意,用于产生changeTabInterval的随机数,防止页面上TabPane过多,如果设置的c ... [更多详细]
发布日期:2018-10-16
CSS+Js图片切换技术,类似的已有不少了,这一个使用了遮罩过渡的效果,同样应用到了TAB选项卡上,本页面仅是为了演示,大家用时候把它拆分开来,这个效果也对学习图片效果制作很有帮助。 Source Code to ... [更多详细]
发布日期:2018-10-16
JavaScript配合CSS完成的滑动门,一大特色是线条分明,没有过多修饰背景颜色,更能看清楚滑动门的结构,希望这种风格的朋友不妨改进改进,变成你想要的样式吧。 Source Code to Run [www.cuoxin.com 错新 ... [更多详细]
发布日期:2018-10-16
一个纵向布局的CSS+JavaScript滑动门代码,相当简洁的手法来实现,如果对颜色不满意,你可以试着自己修改CSS代码,这个滑动门将每一个&ldquo;门&rdquo;的内容存入JS数组中,这样可以减少代码量,但也带 ... [更多详细]
发布日期:2018-10-16
漂亮淡蓝色滑动门代码,感觉很不错哦 Source Code to Run [www.cuoxin.com 错新网]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr ... [更多详细]
发布日期:2018-10-16
Source Code to Run [www.cuoxin.com 错新网]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="htt ... [更多详细]
发布日期:2018-10-16
同一个网页布局滑动门和TAB修正版,其实滑动门和选项卡没有太大的区别,无非是鼠标动作的不同而已,但是有时候在同一个网页中布局两个以上的选项卡,总容易产生混乱,导致JS出错,如果你需要这样做,那么 ... [更多详细]
发布日期:2018-10-16
一个可以自动切换的选项卡,或者说是滑动门,本来这两个东西就相关不大,有兴趣的朋友研究一下,它除了自己播放每个选项卡内的内容外,也响应鼠标的动作,鼠标放上后即可响应变换内容,因主要想表现功能及代码 ... [更多详细]
发布日期:2018-10-16