jquery仿用友网站首页banner宽屏图片切换插件


jquery仿用友网站首页banner宽屏图片切换插件
jquery仿用友网站首页banner宽屏图片切换插件以及宽屏图片切换等js/jquery网页特效代码下载。

1. 引入CSS

<link href="css/style.css" rel="stylesheet" type="text/css">

2. 引入JS

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>

3. HTML代码

<div class="banner">
	<div class="banner_show" id="banner_show">
		<a href="https://www.51qianduan.com/">51前端</a>
		<a href="https://www.51qianduan.com/">51前端</a>
		<a href="https://www.51qianduan.com/">51前端</a>
		<a href="https://www.51qianduan.com/">51前端</a>
		<a href="https://www.51qianduan.com/">51前端</a>
		<div class="banner_mag">
			<div class="banner_magbox">
				<div id="banner_magbox0">
					<h4><a href="https://www.51qianduan.com/">51前端</a></h4>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
				</div>
				<div id="banner_magbox1" class="none">
					<h4><a href="https://www.51qianduan.com/">51前端</a></h4>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
				</div>
				<div id="banner_magbox2" class="none">
					<h4><a href="https://www.51qianduan.com/">51前端</a></h4>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
				</div>
				<div id="banner_magbox3" class="none">
					<h4><a href="https://www.51qianduan.com/">51前端</a></h4>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
				</div>
				<div id="banner_magbox4" class="none">
					<h4><a href="https://www.51qianduan.com/">51前端</a></h4>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
				</div>
			</div>
			<div class="yq_banner_list" id="yq_banner_list">
				<a href="javascript:;" rel="0" class="hover">&nbsp;</a>
				<a href="javascript:;" rel="1">&nbsp;</a>
				<a href="javascript:;" rel="2">&nbsp;</a>
				<a href="javascript:;" rel="3">&nbsp;</a>
				<a href="javascript:;" rel="4">&nbsp;</a>
			</div>
		</div>
		<div class="banner_pre_next">
			<a href="javascript:;" class="banner_btn_left">&lt;</a>
			<a href="javascript:;" class="banner_btn_right">&gt;</a>
		</div>
	</div>
	<div class="content_bottom_box">
		<div class="content_bottom_tig place1">
			<h4><a href="https://www.51qianduan.com/">51前端</a></h4>
			<div class="tig_box">
				<dl class="clearfix">
					<dt><a href="https://www.51qianduan.com/">51前端</a></dt>
					<dd>
						<a href="https://www.51qianduan.com/">51前端</a>
						<a href="https://www.51qianduan.com/">51前端</a>
						<a href="https://www.51qianduan.com/">51前端</a>
						<a href="https://www.51qianduan.com/">51前端</a>
					</dd>
				</dl>
			</div>
		</div>
		<div class="content_bottom_tig place2">
			<h4><a href="https://www.51qianduan.com/">51前端</a></h4>
			<div class="tig_box">
				<dl class="clearfix">
					<dt><a href="https://www.51qianduan.com/">51前端</a></dt>
					<dd>
						<a href="https://www.51qianduan.com/">51前端</a>
						<a href="https://www.51qianduan.com/">51前端</a>
						<a href="https://www.51qianduan.com/">51前端</a>
					</dd>
				</dl>
			</div>
		</div>
		<div class="content_bottom_tig place3">
			<h4><a href="https://www.51qianduan.com/">51前端</a></h4>
			<div class="tig_box">
				<dl class="clearfix">
					<dt><a href="https://www.51qianduan.com/">51前端</a></dt>
					<dd>
						<a href="https://www.51qianduan.com/">51前端</a>
						<a href="https://www.51qianduan.com/">51前端</a>
						<a href="https://www.51qianduan.com/">51前端</a>
					</dd>
				</dl>
			</div>
		</div>
		<div class="content_bottom_tig place4">
			<h4><a href="https://www.51qianduan.com/">51前端</a></h4>
			<div class="tig_box">
				<dl class="clearfix">
					<dt><a href="https://www.51qianduan.com/">51前端</a></dt>
					<dd>
						<a href="https://www.51qianduan.com/">51前端</a>
						<a href="https://www.51qianduan.com/">51前端</a>
						<a href="https://www.51qianduan.com/">51前端</a>
						<a href="https://www.51qianduan.com/">51前端</a>
					</dd>
				</dl>
			</div>
		</div>
	</div>
</div>

相关推荐

发表评论

相关文章