jquery浮动层提示框点击按钮展开特效代码下载


jquery浮动层提示框点击按钮展开特效代码下载
jquery浮动层提示框点击按钮展开特效代码下载以及浮动层提示框、点击按钮展开等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" type="text/css" href="styles.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>

3. HTML代码

<div class="main">
    <p title="A New Tutorial Every Week" style="top:200px;left:120px;">
        <a href="http://www.51qianduan.com/"><img class="spaceBottom" src="img/1.jpg" width="620" height="260" title="Browse through our collection of tutorials" alt="A diverse collection of practical tutorials" /></a>
        Since its inception, Tutorialzine has brought you a fresh web development tutorial every week.
        You can browse through our collection of articles <a href="https://www.51qianduan.com/" target="_blank">51前端</a>.
    </p>
    <p title="2200+ Twitter Followers" class="openTop openLeft blue" style="top:400px;left:650px;">
        Become one of our twitter followers and receive every design and development update we share with the community.
        <a href="http://www.51qianduan.com/"><img src="img/2.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;">
        Subscribe to our RSS feed and receive our tutorials the instant they are published.
        <a href="http://www.51qianduan.com/"><img src="img/3.jpg" class="spaceTop" alt="Subscribe" title="Subscribe" width="400" height="180" /></a>
    </p>
</div>

相关推荐

发表评论

相关文章