当前位置: 主页 > 7034凤凰天机 >

jquery怎样实现焦点图

时间:2019-08-10 16:48来源:未知 作者:admin 编辑:admin 点击:
可选中1个或多个下面的关键词,搜索相关资料。也可直接点搜索资料搜索整个问题。 创富论坛69077 , 获取按钮切换区的li标签,并定义鼠标划过事件:(index为全局变量),将鼠标划过的当前li标签(按钮区域),给当前按钮加上class属性selected,siblings()函

  可选中1个或多个下面的关键词,搜索相关资料。也可直接点“搜索资料”搜索整个问题。创富论坛69077

  获取按钮切换区的li标签,并定义鼠标划过事件:(index为全局变量),将鼠标划过的当前li标签(按钮区域),给当前按钮加上class属性selected,siblings()函数是找到当前li元素的所有同辈标签(即其他所有的按钮),并移除其class属性。保存当前鼠标划过的按钮下标:ex();

  背景颜色联动切换:获取对应按钮标签的预定义颜色,并将其赋给背景切换块。$(this).data(“color”)获取按钮区li标签的预定义颜色。

  点击下一页按钮切换,index为全局变量,在按钮区鼠标划过事件中有一个当前的index变量。当下一页点击切换到最后一张图片的时候,再次点击,切换到第一张实现图片联动的原理与上面相同

  背景联动和按钮联动,找到对应按钮区的预定义颜色,将其赋给整个banner背景区,按钮联动:对应按钮添加class属性,同时去除其同辈所有元素的class属性。

  自动切换:setInterval()函数实现,过程与上一页下一页点击事件原理相同。