固定高度全屏slide又一例-freejs.net代码演示

首页>>焦点图>>固定高度全屏slide又一例(2016-03-22)

固定高度全屏slide又一例

本例与《jquery全屏图片滑动切换代码,固定高度》有一定的区别，链接有文字，当然是隐藏的，另外本例很方便在banner中添加其他元素，包括图片，文字等等

XML/HTML Code

<div id="full-screen-slider" unselectable="on" style="-moz-user-select:none;" onselectstart="return false;">
<ul id="slides" style="position: relative; width: 1903px; height: 370px;">
<li style="position: absolute; width: 1903px; left: 0px; top: 0px; display: none; background: url('http://www.freejs.net/demo/540/images/slide1.jpg') 50% 50% no-repeat;"><a href="#" target="_blank">3月活动</a></li>
<li style="position: absolute; width: 1903px; left: 0px; top: 0px; display: none; background: url('http://www.freejs.net/demo/540/images/slide2.jpg') 50% 50% no-repeat;"><a href="#" target="_blank">活动</a></li>
<li style="position: absolute; width: 1903px; left: 0px; top: 0px; display: block; background: url('http://www.freejs.net/demo/540/images/slide3.jpg') 50% 50% no-repeat;"><a href="#" target="_blank">app</a></li>
</ul>
<ul id="pagination" style="margin-left: -180px;"><li class=""><a>1</a></li><li class=""><a>2</a></li><li class="on"><a>3</a></li><li class=""><a>4</a></li><li class=""><a>5</a></li><li class=""><a>6</a></li></ul>
<div class="slide-tabs slide-left pngFix" style="display: block; opacity: 0.3721;"></div>
<div class="slide-tabs slide-right pngFix" style="display: block; opacity: 0.3721;"></div>
<div class="user-state">
<div class="logged-state">
<p class="welcome">欢迎来freejs.net</p>
</div>
</div>
</div>
</div>