jquery Tips 可以是图片,加链接,注意CSS3下更漂亮
jquery Tips 可以是图片,加链接,注意CSS3下更漂亮
演示地址:http://www.corange.cn/demo/3719/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery Tips 可以是图片,加链接,注意CSS3下更漂亮</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<h1> </h1>
<div class="main">
<p title="A New Tutorial Every Week" style="top:200px;left:120px;">
<a href=""><img class="spaceBottom" src="../demo1.jpg" width="620" height="260" title="Browse through our collection of tutorials" alt="A diverse collection of practical tutorials" /></a>
<a href="">here</a>.
</p>
<p title="2200+ Twitter Followers" class="openTop openLeft blue" style="top:400px;left:650px;">
<a href=""><img src="../demo2.jpg" title="Follow us" class="spaceTop" alt="Follow us on twitter" width="460" height="210" /></a>
</p>
<p title="Over 5000 RSS Subscribers" class="openTop red" style="top:500px;left:90px;">
<a href=""><img src="../demo3.jpg" class="spaceTop" alt="Subscribe" title="Subscribe" width="400" height="180" /></a>
</p>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>