<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
>
<channel>
	<title>笑忘书网页代码收藏馆 - 35230.WODEMO.COM</title>
	<link>https://35230.wodemo.com/</link>
        <item>
        <title><![CDATA[我的磨绑定个人域名方法(CNAME别名解析)]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/348135]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Thu, 16 Jul 2015 09:26:45 +0800]]></pubDate>
        <description><![CDATA[我的磨绑定个人域名方法(CNAME别名解析)请选择阅读页面——完整版极速版]]></description>
    </item>
        <item>
        <title><![CDATA[write.php]]></title>
		<link><![CDATA[https://35230.wodemo.com/file/347635]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Sat, 11 Jul 2015 07:41:32 +0800]]></pubDate>
        <description><![CDATA[File Size: 2.82 KiBWord Count: 2,767&nbsp;|&nbsp;<a href="https://35230.wodemo.com/meta/347635">Meta</a>]]></description>
    </item>
        <item>
        <title><![CDATA[[笑忘书言]给网站添加返回顶部按钮]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/347418]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Wed, 08 Jul 2015 14:36:55 +0800]]></pubDate>
        <description><![CDATA[给网站添加返回顶部按钮请选择阅读页面——触屏版极速版]]></description>
    </item>
        <item>
        <title><![CDATA[useragent.zip]]></title>
		<link><![CDATA[https://35230.wodemo.com/file/346645]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Mon, 29 Jun 2015 20:24:20 +0800]]></pubDate>
        <description><![CDATA[File Size: 0.85 MiBWord Count: 2,767&nbsp;|&nbsp;<a href="https://35230.wodemo.com/browse/346645">Decompress</a>&nbsp;|&nbsp;<a href="https://35230.wodemo.com/meta/346645">Meta</a>]]></description>
    </item>
        <item>
        <title><![CDATA[rar to zip.zip]]></title>
		<link><![CDATA[https://35230.wodemo.com/file/346131]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Wed, 24 Jun 2015 20:35:57 +0800]]></pubDate>
        <description><![CDATA[File Size: 195.05 KiBWord Count: 2,767&nbsp;|&nbsp;<a href="https://35230.wodemo.com/browse/346131">Decompress</a>&nbsp;|&nbsp;<a href="https://35230.wodemo.com/meta/346131">Meta</a>]]></description>
    </item>
        <item>
        <title><![CDATA[Emlog访客记录插件V2.0_By无名智者.zip]]></title>
		<link><![CDATA[https://35230.wodemo.com/file/345953]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Mon, 22 Jun 2015 22:20:55 +0800]]></pubDate>
        <description><![CDATA[File Size: 3.39 KiBWord Count: 2,767&nbsp;|&nbsp;<a href="https://35230.wodemo.com/browse/345953">Decompress</a>&nbsp;|&nbsp;<a href="https://35230.wodemo.com/meta/345953">Meta</a>]]></description>
    </item>
        <item>
        <title><![CDATA[安卓百度输入法符号文件.ini]]></title>
		<link><![CDATA[https://35230.wodemo.com/file/345392]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Fri, 19 Jun 2015 20:21:03 +0800]]></pubDate>
        <description><![CDATA[File Size: 4.7 KiBWord Count: 2,405&nbsp;|&nbsp;<a href="https://35230.wodemo.com/meta/345392">Meta</a>]]></description>
    </item>
        <item>
        <title><![CDATA[[笑忘书言]某一中的跳楼事件]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/324076]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Thu, 01 Jan 2015 17:13:29 +0800]]></pubDate>
        <description><![CDATA[某一中的跳楼事件请选择阅读页面——电脑版手机版]]></description>
    </item>
        <item>
        <title><![CDATA[[笑忘书言]写在高考前二百天]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/318055]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Wed, 19 Nov 2014 13:18:59 +0800]]></pubDate>
        <description><![CDATA[写在高考前二百天请选择阅读页面——电脑版手机版]]></description>
    </item>
        <item>
        <title><![CDATA[[笑忘书言]Emlog手机版修改分页函数代码]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/317531]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Sat, 15 Nov 2014 18:40:23 +0800]]></pubDate>
        <description><![CDATA[Emlog手机版修改分页函数代码请选择阅读页面——电脑版手机版]]></description>
    </item>
        <item>
        <title><![CDATA[[笑忘书言]HTML下拉框多搜索快捷选择代码的简单实现]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/315470]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Fri, 31 Oct 2014 18:54:08 +0800]]></pubDate>
        <description><![CDATA[HTML下拉框多搜索快捷选择代码的简单实现请选择阅读页面——电脑版手机版]]></description>
    </item>
        <item>
        <title><![CDATA[[笑忘书言]HTML5摇一摇换背景图片代码]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/314749]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Sun, 26 Oct 2014 11:02:39 +0800]]></pubDate>
        <description><![CDATA[HTML5摇一摇换网页背景色/图片代码请选择阅读页面——电脑版手机版]]></description>
    </item>
        <item>
        <title><![CDATA[一组周星驰经典笑脸插画]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/314727]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Sun, 26 Oct 2014 08:39:16 +0800]]></pubDate>
        <description><![CDATA[近日，@思涌平面Pinyin_Studio 发布一组周星驰经典笑脸插画，星爷化身电影里的不同角色，每个都以笑脸示人，带你重温这些无厘头的经典搞笑作品。. 11365904577120379089.jpg. 14039756573762332869.jpg. 16347295606332198634.jpg. 3347224835062562164.jpg. 5330681784632065771.jpg. 6053456787927346990.jpg]]></description>
    </item>
        <item>
        <title><![CDATA[[笑忘书言]疯狂的"磨柱"游戏]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/314569]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Sat, 25 Oct 2014 14:03:06 +0800]]></pubDate>
        <description><![CDATA[疯狂的"磨柱"游戏请选择阅读页面——电脑版手机版]]></description>
    </item>
        <item>
        <title><![CDATA[[笑忘书言]给网站申请百度口碑收录]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/312660]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Sun, 12 Oct 2014 17:11:26 +0800]]></pubDate>
        <description><![CDATA[给网站申请百度口碑收录请选择阅读页面——电脑版手机版]]></description>
    </item>
        <item>
        <title><![CDATA[[笑忘书言]应禁支持香港"占中"的艺人]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/312456]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Sat, 11 Oct 2014 18:54:46 +0800]]></pubDate>
        <description><![CDATA[应禁支持香港"占中"的艺人请选择阅读页面——电脑版手机版]]></description>
    </item>
        <item>
        <title><![CDATA[emlog_x_mobile_1_2.zip]]></title>
		<link><![CDATA[https://35230.wodemo.com/file/309020]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Tue, 16 Sep 2014 21:48:30 +0800]]></pubDate>
        <description><![CDATA[File Size: 111.58 KiBWord Count: 2,405&nbsp;|&nbsp;<a href="https://35230.wodemo.com/browse/309020">Decompress</a>&nbsp;|&nbsp;<a href="https://35230.wodemo.com/meta/309020">Meta</a>]]></description>
    </item>
        <item>
        <title><![CDATA[Emlog反垃圾评论插件V3.5.zip]]></title>
		<link><![CDATA[https://35230.wodemo.com/file/302040]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Fri, 08 Aug 2014 22:23:15 +0800]]></pubDate>
        <description><![CDATA[File Size: 7.57 KiBWord Count: 2,405&nbsp;|&nbsp;<a href="https://35230.wodemo.com/browse/302040">Decompress</a>&nbsp;|&nbsp;<a href="https://35230.wodemo.com/meta/302040">Meta</a>]]></description>
    </item>
        <item>
        <title><![CDATA[Emlog用户评论信息插件V1.0.zip]]></title>
		<link><![CDATA[https://35230.wodemo.com/file/299234]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Fri, 25 Jul 2014 17:33:17 +0800]]></pubDate>
        <description><![CDATA[File Size: 93.23 KiBWord Count: 2,405&nbsp;|&nbsp;<a href="https://35230.wodemo.com/browse/299234">Decompress</a>&nbsp;|&nbsp;<a href="https://35230.wodemo.com/meta/299234">Meta</a>]]></description>
    </item>
        <item>
        <title><![CDATA[Emlog用户评论信息插件V1.1.zip]]></title>
		<link><![CDATA[https://35230.wodemo.com/file/299231]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Fri, 25 Jul 2014 17:15:34 +0800]]></pubDate>
        <description><![CDATA[File Size: 94.45 KiBWord Count: 2,405&nbsp;|&nbsp;<a href="https://35230.wodemo.com/browse/299231">Decompress</a>&nbsp;|&nbsp;<a href="https://35230.wodemo.com/meta/299231">Meta</a>]]></description>
    </item>
        <item>
        <title><![CDATA[Emlog触屏手机版X-Mobile V1.1版.zip]]></title>
		<link><![CDATA[https://35230.wodemo.com/file/299176]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Fri, 25 Jul 2014 13:40:31 +0800]]></pubDate>
        <description><![CDATA[File Size: 36.34 KiBWord Count: 2,405&nbsp;|&nbsp;<a href="https://35230.wodemo.com/browse/299176">Decompress</a>&nbsp;|&nbsp;<a href="https://35230.wodemo.com/meta/299176">Meta</a>]]></description>
    </item>
        <item>
        <title><![CDATA[[代码收集]Javascript网页颜色拾色器(ragb颜色/弹窗显示)]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/290801]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Sat, 21 Jun 2014 06:47:34 +0800]]></pubDate>
        <description><![CDATA[ 
★Javascript网页颜色拾色器(ragb颜色/弹窗显示)★

请勿抄袭本页面


代码说明
编写网页上时可能用到颜色拾色器，也就是选择颜色用的，当你想使用某种颜色而不知道颜色值的时候，用这个小特效可以告诉你颜色值是多少，比较方便。转自源码爱好者html代码






 
 

红
绿
蓝
灰


 

 
用鼠标单击下面的颜色块,将弹出颜色值




 
 
  

for(i=0;i




 
 

红
绿
蓝
灰


 

 
用鼠标单击下面的颜色块,将弹出颜色值




 
 
  

for(i=0;i[代码仅供参考，转载请注明出处]
]]></description>
    </item>
        <item>
        <title><![CDATA[[建站源码]emlog彩版文件(多版本共存).zip]]></title>
		<link><![CDATA[https://35230.wodemo.com/file/288625]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Mon, 09 Jun 2014 19:44:00 +0800]]></pubDate>
        <description><![CDATA[File Size: 15.54 KiBWord Count: 2,405&nbsp;|&nbsp;<a href="https://35230.wodemo.com/browse/288625">Decompress</a>&nbsp;|&nbsp;<a href="https://35230.wodemo.com/meta/288625">Meta</a>]]></description>
    </item>
        <item>
        <title><![CDATA[[建站源码]Emlog触屏版_X-Mobile_V1.0.zip.zip]]></title>
		<link><![CDATA[https://35230.wodemo.com/file/288024]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Sat, 07 Jun 2014 07:47:47 +0800]]></pubDate>
        <description><![CDATA[File Size: 25.51 KiBWord Count: 2,405&nbsp;|&nbsp;<a href="https://35230.wodemo.com/browse/288024">Decompress</a>&nbsp;|&nbsp;<a href="https://35230.wodemo.com/meta/288024">Meta</a>]]></description>
    </item>
        <item>
        <title><![CDATA[[代码收集]我的磨显示用户昵称及用户名JS代码]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/287884]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Fri, 06 Jun 2014 13:34:02 +0800]]></pubDate>
        <description><![CDATA[★我的磨显示用户昵称及用户名JS代码★

请勿抄袭本页面

最近在查看磨盘的网页源码时，发现其中增加了JS获取用户昵称以及判断用户名显示管理选项的代码，这样一来，已经登录的磨友访问含有相应代码的页面就可以实现显示自己的昵称，用户名，以及看到给指定用户的内容。以下是笑忘书结合磨盘源代码以及自己的一些加工得到的代码。因为这是JS代码，请先确保你的浏览器支持且开启JavaScript功能，不然就只能给你的访客看了。第一个是只对特定的用户执行的代码: &lt;script style="text/javascript"&gt;if (WoUser.username == '35230') {//判断我的磨登录用户是否为该用户名document.write('本内容仅&lt;b&gt;笑忘书&lt;/b&gt;(用户名为35230)登录后可以看到');}&lt;/script&gt;其中，35230是笑忘书磨盘(35230.wodemo.com)的用户名ID，document.write(' ');里面的内容就是给对方输出的内容，可以添加html代码或者纯文本，比如你要跟某个磨友说的悄悄话，不过保密程度不高。如果你了解JS，也可以自行加上更多的效果，比如，无限的弹窗攻击(好孩子是不该这样玩的)或者改变页面样式(给专属的好基友)，邪恶的自动跳转到某个你懂得网址(请自觉联系“扫黄打非”工作小组办公室)。第二个代码是输出我的磨用户的昵称&lt;script style="text/javascript"&gt;if (WoUser.nickname) {document.write(WoUser.nickname);//输出已登录我的磨的用户昵称}else {document.write('游客');//输出未登录我的磨用户的称呼}&lt;/script&gt;登录的将显示对方的昵称，没登录的就显示"游客"，这个昵称要怎么用你自己看着办吧，记住要尊重他人。WoUser.nickname = "笑忘书";WoUser.username = "35230";以上是以笑忘书磨盘为例相应变量所对应的值，前者可以自由修改，后者则是固定不变的。考虑到某些友友对这方面的知识一穷二白，再贴上用户昵称加上欢迎语的代码&lt;script style="text/javascript"&gt;if (WoUser.nickname) {document.write('&lt;div id="welcome"&gt;欢迎光临本磨，'+WoUser.nickname+'&lt;/div&gt;');}else {document.write('&lt;div id="welcome"&gt;欢迎访问我的磨，路人甲&lt;/div&gt;');}&lt;/script&gt;注意: 上面所有代码要放在支持HTML的位置，如果要放在底部javascript区请删除开头的 &lt;script style="text/javascript"&gt; 和结尾的 &lt;/script&gt; 。本文作者: 笑忘书，转载请注明出处本文转自笑忘书言博客
跳至底部

]]></description>
    </item>
        <item>
        <title><![CDATA[[暴走漫画]虐到生活不能自理 15款让人丧失自信的游戏]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/283801]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Sun, 18 May 2014 06:44:39 +0800]]></pubDate>
        <description><![CDATA[★虐到生活不能自理 15款让人丧失自信的游戏★

. k31.jpg转自暴走漫画新浪微博
]]></description>
    </item>
        <item>
        <title><![CDATA[[代码收集]CSS简单美观的黑白配色栏目条(黑白字底/栏目标题)]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/282923]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Tue, 13 May 2014 13:16:04 +0800]]></pubDate>
        <description><![CDATA[ 
★CSS简单美观的黑白配色栏目条(黑白字底/栏目标题)★

请勿抄袭本页面


代码说明
可用于栏目标题，灵感来自地理学业水平训练书，CSS实现比较简单，若有需要可以加点背景渐变更有凹凸感。本代码由@笑忘书 编写

使用方法及注意事项使用前请先阅读本内容
把栏目标题字数平分，放到对应位置，建议在四字左右html代码


.lan{
border-bottom:1px solid #333;
text-align:left;
padding:8px 0px 14px 3px;
margin:6px auto;
}
.lan_one,.lan_two{
padding:8px 10px;
margin:0;
}
.lan_one{
color:#000;
background:#eee;
border:1px solid #000;
border-right:none;
} 
.lan_two{
color:#eee;
background:#000;
border:1px solid #000;
border-left:none;
} 


关于本站

笑忘书网页代码收藏馆(35230.wodemo.com)，搜集精品实用网页代码，分享各类建站安卓图文等福利资源，每周不定时更新，欢迎关注


代码演示
.lan{
border-bottom:1px solid #333;
text-align:left;
padding:8px 0px 14px 3px;
margin:6px auto;
}
.lan_one,.lan_two{
padding:8px 10px;
margin:0;
}
.lan_one{
color:#000;
background:#eee;
border:1px solid #000;
border-right:none;
} 
.lan_two{
color:#eee;
background:#000;
border:1px solid #000;
border-left:none;
} 


关于本站

笑忘书网页代码收藏馆(35230.wodemo.com)，搜集精品实用网页代码，分享各类建站安卓图文等福利资源，每周不定时更新，欢迎关注[代码仅供参考，转载请注明出处]
]]></description>
    </item>
        <item>
        <title><![CDATA[[安卓工具]APK批量重命名ApkRenamer_v2.0已付费汉化版.apk]]></title>
		<link><![CDATA[https://35230.wodemo.com/file/282482]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Sun, 11 May 2014 07:29:56 +0800]]></pubDate>
        <description><![CDATA[File Size: 0.69 MiBWord Count: 2,405Orignal Name: ApkRenamer ProVersion: 2.0ID：com.bongoman.apkrenamerholo&nbsp;|&nbsp;<a href="https://35230.wodemo.com/browse/282482">Browse</a>&nbsp;|&nbsp;<a href="https://35230.wodemo.com/meta/282482">Meta</a>]]></description>
    </item>
        <item>
        <title><![CDATA[[暴走漫画]另类的地球剖面图 刷新你的世界观]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/281787]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Wed, 07 May 2014 18:47:01 +0800]]></pubDate>
        <description><![CDATA[★另类的地球剖面图 刷新你的世界观★

. 7fd54a81jw1eg5p7idoi4...an.jpg转自暴走漫画新浪微博
]]></description>
    </item>
        <item>
        <title><![CDATA[[代码收集]JQuery模拟掷色子随机获取点数(动画效果/旋转变换)]]></title>
		<link><![CDATA[https://35230.wodemo.com/entry/281535]]></link>
		<dc:creator><![CDATA[笑忘书 (@35230)]]></dc:creator>
		<pubDate><![CDATA[Tue, 06 May 2014 13:15:27 +0800]]></pubDate>
        <description><![CDATA[ 
★JQuery模拟掷色子随机获取点数(动画效果/旋转变换)★

请勿抄袭本页面


代码说明
虽然是用jQuery实现的掷色子动画，但最关键的是HTML5技术的支持，让掷骰子的瞬间动画效果十分逼真，可把本效果用在游戏编写上。转自源码爱好者html代码


.demo{width:100%; height:120px;text-align:center;}
.wrap{width:90px; height:90px; margin:auto;position:relative;}
.dice{width:90px; height:90px; background:url(http://www.codefans.net/jscss/demoimg/201404/dice.png) no-repeat; cursor:pointer;}
.dice_1{background-position:-5px -4px}
.dice_2{background-position:-5px -107px}
.dice_3{background-position:-5px -212px}
.dice_4{background-position:-5px -317px}
.dice_5{background-position:-5px -427px}
.dice_6{background-position:-5px -535px}
.dice_t{background-position:-5px -651px}
.dice_s{background-position:-5px -763px}
.dice_e{background-position:-5px -876px}
p#result{text-align:center; font-size:16px}
p#result span{font-weight:bold; color:#f30; margin:6px}
#dice_mask{width:90px; height:90px; background:#fff; opacity:0; position:absolute; top:0; left:0; z-index:999}



$(function(){
	var dice = $("#dice");
	dice.click(function(){
		$(".wrap").append("");//加遮罩
		dice.attr("class","dice");//清除上次动画后的点数
		dice.css('cursor','default');
		var num = Math.floor(Math.random()*6+1);//产生随机数1-6
		dice.animate({left: '+2px'}, 100,function(){
			dice.addClass("dice_t");
		}).delay(200).animate({top:'-2px'},100,function(){
			dice.removeClass("dice_t").addClass("dice_s");
		}).delay(200).animate({opacity: 'show'},600,function(){
			dice.removeClass("dice_s").addClass("dice_e");
		}).delay(100).animate({left:'-2px',top:'2px'},100,function(){
			dice.removeClass("dice_e").addClass("dice_"+num);
			$("#result").html("您掷得点数是"+num+"");
			dice.css('cursor','pointer');
			$("#dice_mask").remove();//移除遮罩
		});
	});
});

   
   		
   			
        
        请直接点击上面的色子！
   
. dice.png. jquery-1.9.1.min.js代码演示

.demo{width:100%; height:120px;text-align:center;}
.wrap{width:90px; height:90px; margin:auto;position:relative;}
.dice{width:90px; height:90px; background:url(http://www.codefans.net/jscss/demoimg/201404/dice.png) no-repeat; cursor:pointer;}
.dice_1{background-position:-5px -4px}
.dice_2{background-position:-5px -107px}
.dice_3{background-position:-5px -212px}
.dice_4{background-position:-5px -317px}
.dice_5{background-position:-5px -427px}
.dice_6{background-position:-5px -535px}
.dice_t{background-position:-5px -651px}
.dice_s{background-position:-5px -763px}
.dice_e{background-position:-5px -876px}
p#result{text-align:center; font-size:16px}
p#result span{font-weight:bold; color:#f30; margin:6px}
#dice_mask{width:90px; height:90px; background:#fff; opacity:0; position:absolute; top:0; left:0; z-index:999}



$(function(){
	var dice = $("#dice");
	dice.click(function(){
		$(".wrap").append("");//加遮罩
		dice.attr("class","dice");//清除上次动画后的点数
		dice.css('cursor','default');
		var num = Math.floor(Math.random()*6+1);//产生随机数1-6
		dice.animate({left: '+2px'}, 100,function(){
			dice.addClass("dice_t");
		}).delay(200).animate({top:'-2px'},100,function(){
			dice.removeClass("dice_t").addClass("dice_s");
		}).delay(200).animate({opacity: 'show'},600,function(){
			dice.removeClass("dice_s").addClass("dice_e");
		}).delay(100).animate({left:'-2px',top:'2px'},100,function(){
			dice.removeClass("dice_e").addClass("dice_"+num);
			$("#result").html("您掷得点数是"+num+"");
			dice.css('cursor','pointer');
			$("#dice_mask").remove();//移除遮罩
		});
	});
});

   
   		
   			
        
        请直接点击上面的色子！
   
[代码仅供参考，转载请注明出处]
]]></description>
    </item>
    </channel>
</rss>
