div+css+javascript 走马灯图片轮换显示_html/css

div+css+javascript 走马灯图片轮换显示_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Lepaskan： 2016-06-24 12:27:06

asal

1518 orang telah melayarinya

效果如图

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>图片滚动</title></head><body><style type="text/css"> </style> <div id="demo"> <div id="indemo"> <div id="demo1"> <a href="#"><img src="/static/imghw/default1.png" data-src="http://www.trip-j.net/images/hotelimg/6614/200811201335594038.jpg" class="lazy" border="0" / alt="div+css+javascript 走马灯图片轮换显示_html/css_WEB-ITnose" ></a> <a href="#"><img src="/static/imghw/default1.png" data-src="http://www.trip-j.net/images/hotelimg/2457/20081061952145229.jpg" class="lazy" border="0" / alt="div+css+javascript 走马灯图片轮换显示_html/css_WEB-ITnose" ></a> <a href="#"><img src="/static/imghw/default1.png" data-src="http://www.trip-j.net/images/hotelimg/2574/20081091921231611.jpg" class="lazy" border="0" / alt="div+css+javascript 走马灯图片轮换显示_html/css_WEB-ITnose" ></a> <a href="#"><img src="/static/imghw/default1.png" data-src="http://www.trip-j.net/images/hotelimg/2395/20081062005358398.jpg" class="lazy" border="0" / alt="div+css+javascript 走马灯图片轮换显示_html/css_WEB-ITnose" ></a> <a href="#"><img src="/static/imghw/default1.png" data-src="http://www.trip-j.net/images/hotelimg/3564/20081191214549634.jpg" class="lazy" border="0" / alt="div+css+javascript 走马灯图片轮换显示_html/css_WEB-ITnose" ></a> <a href="#"><img src="/static/imghw/default1.png" data-src="http://www.trip-j.net/images/hotelimg/3129/20081091715454669.jpg" class="lazy" border="0" / alt="div+css+javascript 走马灯图片轮换显示_html/css_WEB-ITnose" ></a> </div> <div id="demo2"></div> </div></div><script></script></body></html>

Salin selepas log masuk