HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1612|回复: 1

[问题] 求教 这个怎么编写

[复制链接]

该用户从未签到

发表于 2016-2-15 15:59:31 | 显示全部楼层 |阅读模式
求教这张图怎么样编写?
外层是选项卡
里面是焦点图

小女子万分感谢

F]@]HKX{3~LY96OFFM[T%R9.png
  • TA的每日心情

    2017-4-19 00:15
  • 签到天数: 80 天

    [LV.6]常住居民II

    发表于 2016-2-15 21:07:29 | 显示全部楼层
    HTML:三个无序列表
    CSS:轮播部分设置固定宽高,采用定位或者display显示/隐藏相应内容
    JS(参考,根据需要改类名及其他代码):
    通过鼠标点击/经过事件,给导航li及轮播li添加类active,active状态下显示需要显示的轮播内容,其他轮播内容隐藏即可
    1. $('.cu-d-nav li').each(function(e) {
    2. $(this).hover(function() {
    3. $(this).addClass('active').siblings().removeClass('active')
    4. $('.cu-d-navcontent .item:eq(' + e + ')').addClass('active').siblings().removeClass('active')
    5. })
    6. })
    复制代码

    HTML5中国微信

    小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

    GMT+8, 2017-5-24 04:42

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表