这个案例的素材来自于htmleaf，要实现这个效果有好几种方法，在这里为了表现出CSS3的多重背景，以及可以用background-position做动画，选用了这种方法。查看效果下载地址链接: ht...
2017年09月07日 1537
最近更新
案例集
CSS3案例集04：斑马条纹的渐变圆角表格
利用CSS3提供的伪类选择器，特别是子元素选择器nth-child，作出斑马条纹的表格再也不是难事了，而且利用nth-child(αn+β)这样的表达式可以实现分组的效果，棒呆！查看效果下载地址链接:...
2017年09月06日 1562
界面设计
学ps，你应该知道的《PS礼仪手册》！
好东西要分享！无意之间在美丫姐分享的文章中发现了《PS礼仪手册》，一眼就看出这是个好东西。很多人用了好几年ps，你看他的源文件的时候都要强忍一腔怒火，为什么呢，你看完这个手册再来回复：你中了几条？整个手册从文件管理、图层、图片、字体、特效、练习、测试、导出这些方面进行了统一的规范，规范可以让我们更高...
2017年09月05日 1359
案例集
CSS3案例集03：仿360安全卫士首屏
仿360安全卫士首屏这个案例主要是利用多重背景和通过背景定位（css sprite）完成按钮的变化效果。布局上主要是相对和绝对定位。结合一点animation和transition动画效果完成。其中有...
2017年09月05日 1581
zblog建站
zblog通过自定义模块添加百度搜索
zblog后台的模块管理分为好几块，一个系统模块，这个是写死的，如果要改的话，一般要激活“禁止系统自动更新模块”。还有用户自定义的模块，可以随意放在侧边栏上，也可以调用。主题和插件生成的模块也一般是用来侧边栏调用的。好多插件生成的模块都不知道放在什么地方了，更不知道如何修改文件。最后一种是灵活度很好...
2017年09月04日 1398
案例集
CSS3案例集02：漂亮的人像相册集
查看效果
下载地址
链接: https://pan.baidu.com/s/1i4JQpzn 密码: 78mj
一...
2017年09月04日 1499
案例集
CSS3案例集01：加载外部字体和文字排版
文字排版是网页布局里面需要掌握的第一种技能。该案例主要涉及以下几个知识点：1、标题导入外部字体2、首行首字文字变大3、段落两端对齐具体效果如图：查看效果下载地址↓链接: https://pan.bai...
2017年09月01日 3105
jQuery教程
jquery插件推荐：Unslider超小的轮播，支持鼠标经过停止播放和响应式
图片轮播插件有很多，今天发现自己网站的幻灯片鼠标经过不能停止播放，还没有看清楚banner上的内容呢，就播放下一张图片了，很是郁闷。就想着能不能找一个鼠标经过停止播放的轮播插件呢，无意间发现站酷的轮播banner图就是可以停止的，然后翻了一下它的源码，发现了一个名字叫Unslider的js文件，百度...
2017年09月01日 2839
杂谈
网站第二版改版完成，快来找茬啦！
我的这个博客是当时给西华师大做一个短训的时候建立的，培训只有十来天，所以没有时间自己设计制作模板，就用了一个别人的主题，然后修改了一下，就匆匆上线了。一晃，第一版就用了一年多，截图留念一下。看久了就有点厌烦，想着什么时候自己设计制作一个，这样就不用在底部加上别人网站的链接啦。趁着今年又有机会给一个班...
2017年08月31日 2585
zblog建站
搬瓦工VPS——你要的又稳定又便宜的独立虚机来了！
个人博客用的阿里云的虚拟空间，有段时间估计一起租虚拟主机的某个同租用户被人攻击，连带我也受累，经常DNS不能解析，于是，我就慢慢研究独立虚拟主机VPS，不想和别人一起租服务器，毕竟“买房”和“租房”的感觉不一样，我也想对自己的主机有控制权。这里引用知友dboy介绍虚拟主机和VPS差别的话，挺接地气的...
2017年08月21日 2307
JavaScript教程
导航栏页面跳转时，如何为当前页添加选中状态的样式？
当我们制作导航栏的时候，希望在当前页添加一个选中的状态，方便用户识别自己的当前位置。如图所示：完成这个效果有两种方法，一种是在a标签上添加current样式，一种是在li上面添加current样式，两种办法都可以。一、HTML结构<div class="divNavBar&...
2017年08月21日 1543
zblog建站
zblog缩略图插件伪静态的Apache规则被我找到了！
在网站改版的主题制作中，用到了由Nobird研发的缩略图插件1.6，但是该插件需要启用伪静态才是最好的，但是插件本身给出的Apache规则添加到.htaccess文件中后，出现服务器错误，试了好多次，都不行，正准备放弃之际，却在涂涂研板的网站上看到一篇文章，写了一个规则，是sf_img1插件的规则，...
2017年08月08日 1711
jQuery教程
jQuery插件推荐：fullpage强大的全屏滚轮效果，太强大！
全屏滚动结合css3动画，可以实现非常大气炫酷的效果，特别适合产品介绍、专题页等。推荐一个fullpage插件，功能强大，几乎可以包括所有全屏滚动的效果。动图效果如图：插件展示插件下载链接：http://pan.baidu.com/s/1mimNNZy 密码：1tf2主要功能有：支持鼠标滚动支持前进...
2017年07月27日 1434
jQuery教程
jQuery插件推荐：功能超全的图片灯箱效果，缩放、全屏、缩略图等都有！
用过很多lightbox和fancybox等图片灯箱效果，今天这款插件几乎包括你所有的想象，简直就是大而全的灯箱效果。特别适合用来做相册。效果图如下：插件演示插件下载链接：http://pan.baidu.com/s/1pLqf7cB 密码：484xlightGallery是一款轻量级、可定制、响应...
2017年07月27日 2054
jQuery教程
纯js实现单页面锚点之间页面滑动效果，可以设置偏移值哟！
网上很多页面滑动都是满屏滑动效果，但是有时候不需要满屏滑动，而是想滑动到哪里就滑动到哪里，可以自由设置滑动的位置，那么这个纯js脚本可以满足这个要求，关键是可以设置偏移值，太美好了。smooth-scroll.js是一款轻量级的纯JS页面锚链接平滑过渡插件。通过该锚链接插件，可以在点击页面的锚链接时...
2017年07月26日 2359
杂谈
走了多说，网易云跟帖也走了，扎心啦，老铁！
好久没有去后台看看评论了，今天一时兴起，准备登陆一下网易云跟帖看看评论（网易云跟帖没有评论通知功能，一大缺陷），结果，简直了，比多说关闭还心塞！第三方评论系统争相关停服务，这个细思极恐啊，幸好我是守法的公民，不会乱发言论（也许我猜多了）然后百度了一下，发现站长们转战的评论系统主要有两个：搜狐畅言和韩...
2017年07月26日 1371
CSS教程
从CSS Reset到Normalize.css
几年前为了重置样式，或者说为了让元素的浏览器默认样式不影响到页面的效果，我一般使用CSS Reset直接全部重置，当然，我是反对通配符*{margin:0;padding:0}这种写法的，但是CSS Reset全部归零了所有样式，后面有些样式又要自己贱兮兮的重新写回来，感觉也是做了无用功。直到发现了...
2017年07月26日 1261
jQuery教程
jQuery插件推荐：功能强大的水平垂直选项卡插件！
选项卡是非常实用的插件，同一个地方可以放好多不同的内容，通过切换选项实现对应容器的内容显示，其它内容隐藏，可谓是实现小空间大内容的神器。这里推荐一个拥有水平垂直两种方式的选项卡，功能强大，可以自己定制效果。默认的事件是鼠标点击，可以改成鼠标经过事件。动图效果：插件演示插件下载链接：http://pa...
2017年07月25日 1907
jQuery教程
jQuery插件推荐：简单实用的返回到顶部插件！
返回到顶部几乎是一个网站的标配，不过对于一个小型的网站来说，太过复杂花哨的插件反而不实用。这里推荐一个插件，随着滚动条滚动出现按钮，到了一定的页面深度后，透明度降低，页面滚动效果平滑，简单实用。动图效果：插件演示插件下载链接：http://pan.baidu.com/s/1bWnqwA 密码：0qf...
2017年07月25日 1355
jQuery教程
jQuery插件推荐：三种菜单导航显示和隐藏的插件，平滑好用！
有时候希望随着滚动条的滚动，实现导航菜单平滑的显示或者隐藏，这里推荐一个插件，可以实现三种菜单导航的显示和隐藏效果，实践用下来发现很棒，关键是运动非常平滑，可以实现三种不同的方式，几乎可以满足不同网站的需求。效果如图：插件演示 插件下载：链接：http://pan.baidu...
2017年07月25日 1385