JavaScript实现音乐播放插件

菜鸟百灵 细心的同学想必已经发现了咱们博客首页上新添加了一个丑爆了的button,名曰“播放音乐”,点击之后,依旧是个浏览器默认的controller,还是一个字“丑”,而且还只能放一首歌,你想吐槽?那就对了!因为那是博主自己用HTML、CSS和JavaScript写的。

我就知道你们不想知道是怎么实现的。 (更多…)

圣诞节福利——一大波圣诞节图标免费分享

圣诞即将到来,不把圣诞过程“剩蛋”,网站是不是要来一波精致的圣诞风?

这次给大家分享一波圣诞节相关的超精致的Icons下载合集,希望能过给你的项目有所帮助,几条圣诞节图标,既绘制精细又又特色,让你的网站与众不同;包含的元素也很广,有更多的选择!点击下面的链接,可以直接在百度网盘中免费下载!文章最后可以看“啪啪啪”哦!112 (更多…)

怎么用CSS3创建一个旋转的加载动画

如果在你的项目,需要包括一个大型的图像或视频文件,你创建了一个长的页面,那你肯定是不希望你的访问者盯着一个空白或​​混乱的画面,而一切都加载吧?

了解如何创建在本教程中一个相当漂亮的CSS3旋转预加载,是个不错的决定哦。

我将给大家解析一个漂亮的预加载项目,基于自己的理解上翻译这篇博文。原文链接>>>

用CSS3创建一个旋转的加载动画 (更多…)

超精细的CSS3加载效果

等网页加载是有多崩溃,自然不必我多说。但是一个漂亮的加载动画就能然漫长的等待变得稍稍有了一点儿乐趣。如果你还是用GIF动画作为加载动画,是不是显得太过时了呢?闲话不多说,金坛给大家带来一个超精细的CSS加载动画,直接上效果!

DOM结构如下:一个ID为”preloader_1″的DIV内包含5个span标签
<div id="preloader_1">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
</div>

(更多…)

制作美轮美奂的图片hover效果

制作美轮美奂的图片hover效果:demo

对background属性的巧妙应用,能让你的页面熠熠生辉。

<div class="content">
<div><img src="img/1.jpg"></div>
<div><img src="img/2.jpg"></div>
</div>

  1. 先将img与它的父级div尺寸设置为一致
  2. 设置div的背景,background-image和background-image属性可同时设置。这里将background-color设置成黄绿色,同时设置它的背景图片:
    background-color:yellowgreen;background:url(…/*此处为图片链接*/) 50% 50% /*此处是设置背景图片的位置*/ no-repeat;
  3. 为img添加伪类。img:hover{opacity:0.2;}

查看效果&下载源码:戳这里

VPS日记——VPN服务越QIANG科学上网

进步,就是别自己的智商蠢哭的过程。先给大家交代一下,我在VPS上搭建好VPN来翻QIANG(后面称科学上网,上头有人盯着咱,换字眼,谅解)的过程花了一晚上(其实很简单);在VPS上搭建自己的Wordpress站点,花了一周时间。完成之后,深深地被自己的智商伤害。所以大家不用急,遇到问题不要怕,问题总会解决的。(PS.良好的英语水平能确确实实地让自己少走很多弯路)

翻墙 (更多…)

阿里283亿元投资苏宁,要打造“O2O标杆”

8月10日下午,阿里巴巴宣布,将以约283亿元人民币战略投资苏宁,成为第二大股东;苏宁将以140亿元人民币认购不超过2780万股的阿里新发行股份。

阿里巴巴称,双方将打通线上线下全面提升效率,为中国及全球消费者提供更加完善商业服务。 今天早些时候,雷锋网曾报道阿里或入股苏宁云商,现在此事得到了确认。至于合作方式,阿里巴巴表示,苏宁云商遍布全国的1600多家线下门店,3000多个售后网点,5000个加盟服务商和下沉到四五线城市的服务站,将与阿里巴巴的线上优势相合。 (更多…)

华为神秘新机将配备force touch

爆料大神@evleaks刚刚发表推文,并附有图片,表示华为新旗舰将登陆于9月2日在IFA登陆,最大亮点在于将配备force touch。目前尚不清楚产品型号。

Launching at IFA on 9/2. Features force touch. Branding currently unknown (D-series?). 华为 force touch

9月于德国柏林举办的IFA则是欧洲最大的综合电子技术消费展,展出产品包括手机、电视、音响系统、数码相机、个人电脑等等。 (更多…)