 |
热门文章 |
|
|
|
|
| 仿eBay产品幻灯片展示滑动切换效果 |
| 来源：源码爱好者 更新时间：2010/9/10 10:51:07 阅读次数： 我要投稿 |
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML>
<HEAD>
<TITLE>仿eBay产品幻灯片展示滑动切换效果</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<LINK href="css/163css.css" type=text/css rel=stylesheet>
<META content="MSHTML 6.00.6000.17063" name=GENERATOR>
</HEAD>
<BODY >
<div id=carousel>
<div class=frame>
<div class=frames id=stage>
<div id=f1 style="BACKGROUND: url(images/01.jpg); OVERFLOW: hidden; WIDTH: 715px; POSITION: absolute; HEIGHT: 310px">
</A></div>
<div class=frame-2 id=f2 >
</A></div>
<div class=frame-3 id=f3>
</A></div>
<div class=frame-4 id=f4>
</A></div>
<div class=frame-5 id=f5>
</div>
</div>
</div>
<div class=controls>
<div class="arrow l-a" onmouseover=highlightA(this); onclick=prevF();
onmouseout=dehighlightA(this);></div>
<div class=off id=control1 onmouseover=hover(1) onclick=press(1,false)
onmouseout=out(1)>1</div>
<div class=off id=control2 onmouseover=hover(2) onclick=press(2,false)
onmouseout=out(2)>2</div>
<div class=off id=control3 onmouseover=hover(3) onclick=press(3,false)
onmouseout=out(3)>3</div>
<div class=off id=control4 onmouseover=hover(4) onclick=press(4,false)
onmouseout=out(4)>4</div>
<div class="arrow r-a" onmouseover=highlightA(this); onclick=nextF();
onmouseout=dehighlightA(this);></div>
</div>
<INPUT id=numFrame type=hidden value=4></INPUT>
<INPUT id=images1 type=hidden value=images/01.jpg></INPUT>
<INPUT id=images2 type=hidden value=images/02.jpg></INPUT>
<INPUT id=images3 type=hidden value=images/03.jpg></INPUT>
<INPUT id=images4 type=hidden value=images/04.jpg></INPUT>
</div>
<SCRIPT src="js/163css.js" type=text/javascript></SCRIPT></BODY>
</HTML> |
| 特效说明： |
仿eBay 产品幻灯片展示滑动切换特效，163css网站编写的一款JS效果，下边带控制箭头，请选择使用。 |
|
| 上一篇文章： 新浪新闻频道带缩略图的flash图片切换下一篇文章： 图片放大镜效果—单张图片 |
|
|
|
注册 登录
