亿联网自助建站平台 开启企业建站营销新时代、免费建站平台倡导者  站长学院  高端定制请点这里
热线:13913253836
您现在的位置:首页 > 站长学院 > 建站资讯 > 建站、设计教程 > 幻灯片和轮播图

js 给图片加上播放按钮

作者:eycms 日期:2016-02-16 16:21:54 人气:71

  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.xx.cn/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.xx.cn/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>-</title>

<style>

img {display:block}

#imgBox li {position:relative;list-style-type:none;border:1px solid #ccc;padding:3px;float:left}

.toolbar {position:absolute;bottom:15px; right:15px;}

</style>

</head>

<body>

<ul id="imgBox">

  <li><a href="http://www.xx.com/" target="_blank"><img  alt="js 给图片加上播放按钮"  src="http://filesimg.xx.cn/20091001192003465.jpg" width="200" height="150" border="0" /></a><div class="toolbar"><a href="http://www.xx.com/" target="_blank"><img  alt="js 给图片加上播放按钮"  src="http://filesimg.xx.cn /20091001192009417.png" border="0"></a></div></li>

</ul>

回到顶部