本文主要是介绍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王者荣耀轮播图 时之恋人的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!