易迅网CSS3 Gradient渐变特效-鼠标滑过出现白色斜线动画
作者：matrix 被围观: 3,671 次 发布时间：2013-10-16 分类：Wordpress 兼容并蓄 零零星星 | 3 条评论 »
看到易迅网的右侧、下方商品都有的一种效果，原本以为是JS什么的，找了大半天才知道是css3的效果。DEMO下载:http://www.400gb.com/file/28915416http://pan.baidu.com/share/link?shareid=3180343884&uk=3238236832关键的css代码：
@-webkit-keyframes aniBlink{from{left:-60px}to{left:550px}}/*aniBlink动画执行区域*/ .TU a:before{content:'';position:absolute;width:30px;height:200px;/*aniBlink动画斜线宽度和高度*/ top:0;left:-60px;/*aniBlink动画斜线初始停留位置*/ overflow:hidden; background:-webkit-gradient(linear,left top,rightright top,color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255......
整理外链转换工具-陆续加强版
作者：matrix 被围观: 5,790 次 发布时间：2013-10-14 分类：兼容并蓄 零零星星 | 23 条评论 »
地址：http://link.hhtjim.com
说明：外链转换没有永久的，请酌情使用！！链接地址可自动识别并相应的简单处理，有的显示文件名以及后缀。链接地址可不用输入HTTP://，如果没有HTTP://会自动添加在链接开头位置。将就各种奇葩，自动去掉空格，URL后面的/，有些还有报错提示。支持的链接格式：
百度网盘：
http://pan.baidu.com/s/13isoZhttp://pan.baidu.com/share/link?shareid=3760603697&uk=3238236832
虾米音乐：
http://www.xiami.com/song/1772222342http://www.xiami.com/song/33112?spm=a1z1s.3521865.23309997.2.RAsL1Fhttp://www.xiami.com/song/play?ids=/song/playlist/id/1772222342/object_name/default/object_id/0程......
添加CSS3图片呼吸灯特效-鼠标悬浮还有放大效果
作者：matrix 被围观: 5,870 次 发布时间：2013-10-13 分类：Wordpress 零零星星 | 一条评论 »
测试是用于NGRO主题的首页文章列表上，配合起之前的窗口小列表 不错~带8px白色边框鼠标停留后还有放大效果，如图：
.Indexpost img { padding: 8px; background-color: #FFF; box-shadow: 0px 0px 18px rgba(0,0,0,.4); -webkit-transition: all ease .3s; transition: all ease .3s } .Indexpost img { margin-right: 10px; width:140px; height:100px; overflow:hidden; float: left; } .Indexpost img:hover { -webkit-transform: scale(1.05); transform: scale(1.05); box-shadow: 0px 0px 18px rgba(0,0,0,.5); }
说明：这是笔者自己主题的css代码。6行.3s为放大过......
刷新页面后让WordPress背景随机切换
作者：matrix 被围观: 7,255 次 发布时间：2013-10-10 分类：Wordpress 零零星星 | 10 条评论 »
只需要几行php代码就可以让WordPress主题背景随机切换，每次刷新切换不同的图片。这需要按F5刷新页面或者到新页面时背景才会自动变换。更新的>>用BACKSTRETCH实现定时切换背景 可以实现定时自动切换背景。
<?php $random_image = rand(1, 5); ?> <div id="div1"> <img src="<?php bloginfo('stylesheet_directory');?>/bg/<?php echo $random_image; ?>.jpg"/> </div>
说明：1行中的5代表有5张图片可供切换2行中div1为背景css样式id3行中src=后面的地址为当前主题的bg目录内的*.jpg图片。注意 ：bg目录内的*.jpg图片要以相邻数字命名，这里是1.jpg、2.jpg...5.jpg。参考：http://www.o......
用BACKSTRETCH实现定时自动切换背景
作者：matrix 被围观: 4,177 次 发布时间：2013-10-09 分类：Wordpress 兼容并蓄 零零星星 | 2 条评论 »
jquery-backstretch可以实现之前>>刷新页面后让WordPress背景随机切换 不能到达的动态切换背景功能。 用jquery-backstretch就算你不按F5刷新页面背景也可以自动切换，带有淡入淡出的缓慢加载那种效果，很好看。github地址：https://github.com/srobbin/jquery-backstretch官网：http://srobbin.com/jquery-plugins/backstretch/目前最新版本 Backstretch - v2.0.4 - 2013-06-19我这使用的是较早的版本1.2.5，没有问题。建议使用官方最新版本。jq-BACKSTRETCH库下载：v1.2.5： 2kb左右http://www.400gb.com/file/28925141http://pan.baidu.com/share/link?shareid=783264445&uk=3238236832v2.0.4：5kb左右http://www.400gb.com/f......
用虚拟机安装Android
作者：matrix 被围观: 1,607 次 发布时间：2013-10-06 分类：零零星星 | 无评论 »
现在已经有很多Android模拟器可用，更简单快捷。
android-x86官网：http://www.android-x86.org/google code：https://code.google.com/p/android-x86/downloads/listgoogle翻译了一下google code上很友好的提示：由于我没有安装vm或者其他虚拟机，android-x86那就只有以后再说。目前最新的版本android-x86-4.3-20130725.iso如果看官需要安装，建议参考：http://wenku.baidu.com/view/5c60fd3067ec102de2bd8947.html http://walker-a.com/archives/2160http://louxi.me/archives/1858
修改Mini天气预报app
作者：matrix 被围观: 1,947 次 发布时间：2013-10-03 分类：兼容并蓄 零零星星 | 无评论 »
地址：http://demo.hhtjim.com修改Mini天气预报app，之前使用的是专业气象的数据，这次改的189 API：http://api.189.cn/huafeng/api/getforecast24?access_token=91d1d9d25c62fd393e113116b07b6f601379679414323&app_id=120032470000032374&city_id=城市ID参考：http://open.189.cn/index.php?m=api&c=index&a=show&id=359城市ID列表 ：http://open.189.cn/sharedata/cms/uploadfile/2012/1102/113459s3unXsSCAn.zip主要代码：
function getWeathers($city) { $wcity = file_get_contents("Liebiao.txt"); $pattern = "/([0-9]+)=" . $city . '/'; preg_match_all ($pattern,$wcity,$titleList, PREG_PA......
添加WordPress开启关闭侧边栏功能
作者：matrix 被围观: 2,896 次 发布时间：2013-10-01 分类：Wordpress | 9 条评论 »
此功能有点鸡肋，不过还是在折腾出来了。1.加载JQ库，有了的跳过。2.主题的header上加入js代码：
<script> jQuery(document).ready(function($){ (function(){ function SetCookie(c_name,value,expiredays){ var exdate=new Date(); exdate.setDate(exdate.getDate()+expiredays); document.cookie=c_name+"="+escape(value)+((expiredays==null)?"":";expires="+exdate.toGMTString())+";path=/"; //如果你希望每个页面都有个独立的 Cookies 设置的话请去掉+";path=/"，这样的话leeiio.me/xxx/ 和leeiio.me/yyy/ 的侧边栏状态都将是独立的 } window['RootCookies'] = {}; window['RootCookies']['SetCookie'] = SetCooki......