jquery css王者荣耀轮播图时之恋人

编程入门行业动态更新时间:2024-10-18 14:13:17

jquery css王者<a href=https://www.elefans.com/category/jswz/34/1767204.html style= 荣耀轮播图时之恋人"/>

jquery css王者荣耀轮播图时之恋人

效果图如下：
可以随定时器自动滚动或者鼠标经过下面的五个超链接（hover）滚动
没找到左右滚动效果只找到上下（slideDown）最后用了淡出淡入

先上代码
js代码大体是第this_index个隐藏第index个显示
定时滚动时index=this_index++；

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /><title>王者荣耀轮播图</title><script type="text/javascript" src="Jq.js"></script><script type="text/javascript">/*轮播图效果*/var this_index=0;var index;$(function(){$('#ul_0 li').hide();$('#ul_1 li').hover(function(){index =$(this).index();if(index==this_index)return 0;$('#ul_0 li').find('image').eq(this_index).hide();$('#ul_0 li').find('image').eq(this_in

更多推荐

jquery css王者荣耀轮播图时之恋人

本文发布于:2024-02-10 21:40:26，感谢您对本站的认可！

本文链接:https://www.elefans.com/category/jswz/34/1677432.html