利用jQuery实现UI图标回收站



6 21 8



特效描述:利用jQuery实现 UI图标 回收站,利用jQuery实现UI图标回收站

代码结构

1. 引入CSS

<link rel="stylesheet" href="assets/css/jquery-ui.css" />
<link rel="stylesheet" href="assets/css/styles.css" />

2. 引入JS

<script src="assets/js/jquery-1.8.3.min.js"></script>
<script src="assets/js/jquery-ui.js"></script>
<script src="assets/js/script.js"></script>

3. HTML代码

        <div id="main">
        	<div class="folder">
			    <div class="front"></div>
			    <div class="back"></div>
			</div>​
			<img src="assets/48px/box.png" style="top:340px;left:100px;" alt="box" />
			<img src="assets/48px/calculator.png" style="top:340px;left:170px;" alt="calculator" />
			<img src="assets/48px/clipboard.png" style="top:340px;left:240px;" alt="clipboard" />
			<img src="assets/48px/console.png" style="top:340px;left:310px;" alt="console" />
			<img src="assets/48px/basketball.png" style="top:340px;left:380px;" alt="basketball" />
			<img src="assets/48px/facebook.png" style="top:400px;left:100px;" alt="facebook" />
			<img src="assets/48px/gift.png" style="top:400px;left:170px;" alt="gift" />
			<img src="assets/48px/id_card.png" style="top:400px;left:240px;" alt="id card" />
			<img src="assets/48px/imac.png" style="top:400px;left:310px;" alt="imac" />
			<img src="assets/48px/system_monitoring.png" style="top:400px;left:380px;" alt="system monitoring" />
        </div>
        <!-- JavaScript Includes -->
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="text-align:center;clear:both">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 拖动 拖拽 拖动插件 拖拽插件 图片拖动 图片拖拽

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到