zoukankan      html  css  js  c++  java
  • banner淡出效果

    <div class="banner">
    		<div class="ban"></div>
    		<ul class="ban_bar">
    			<li><a href="" img="images/banner.jpg"><img src="images/banner_dadian.png" alt=""></a></li>
    			<li><a href="" img="images/banner2.jpg"><img src="images/banner_xiaodian.png" alt=""></a></li>
    			<li><a href="" img="images/banner3.jpg"><img src="images/banner_xiaodian.png" alt=""></a></li>
    			<li><a href="" img="images/banner4.jpg"><img src="images/banner_xiaodian.png" alt=""></a></li>
    		</ul>
    	</div>
    
    function banner_start(){
    
    	function changeImg(){
    		var strPath = arguments[0];
    		$(".banner").css("background","url("+ strPath +") center");
    
    		$(".banner .ban").fadeOut("slow",function(){
    			$(".banner .ban").css("background","url("+ strPath +") center");
    			$(".banner .ban").show();
    		});
    	}
    	$(".banner li a").click(function(){
    		changeImg($(this).attr("img"));
    		$(".banner li a img").attr("src","images/banner_xiaodian.png");
    		$(this).find("img").attr("src","images/banner_dadian.png");
    		return false;
    	});
    
    	var i = 1;
    	setInterval(function(){
    		$(".banner li a")[i].click();
    		i++;
    		i = i % 4;
    	},2000);
    	$(".banner li a")[0].click();
    }
  • 相关阅读:
    Shiro 登录、退出、校验是否登录涉及到的Session和Cookie
    Apache Tomcat 8.0 官方文档
    FastDFS分布式文件系统(主备Tracker、主备Storage)
    PHP文件系统
    PHP 文件包含
    PHP函数
    PHP 全局变量
    PHP7新增知识点
    PHP数据
    PHP常量
  • 原文地址:https://www.cnblogs.com/wanghongxu/p/3974999.html
Copyright © 2011-2022 走看看