利用jquery实现背景图片过渡特效



60 237 80



特效描述:利用jquery实现 背景图片 过渡特效,利用jquery实现背景图片过渡特效

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style1.css" />
<link rel="stylesheet" type="text/css" href="css/styleIE.css" />

2. 引入JS

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

3. HTML代码

        <div class="container">
            <h1></h1>
			<p class="demos">
				<a class="current-demo" href="index.html">Demo 1</a>
				<a href="index2.html">Demo 2</a>
				<a href="index3.html">Demo 3</a>
			</p>
			<div class="it-wrapper">
				<h3 id="it-text">Andreas</h3>
			</div>
			<!-- adds class it-animate to h3 -->
			<a id="it-toggle-button" class="it-toggle-button" href="#">Animate!</a>
        </div>
		<script type="text/javascript">
			$(function() {
				$('#it-toggle-button').on( 'click', function() {
					$('#it-text').toggleClass('it-animate');
					return false;
				});
			});
		</script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动切换 滑动选项卡切换 选项卡切换 滑动手风琴 背景切换

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到