7个最新的使用jQuery及其CSS实现的悬浮特效
鼠标悬浮特效是网页制作的常用特效之一，最早使用flash可以创新的制作非常炫的效果，现在我们同样也可以使用CSS和Javascript来实现。 今天的这个文章中，我们将推荐一些非常不错的特效教程，希望对大家有些帮助！ Hover and Click Trigger for Circular E…
input输入框获得和失去焦点时隐藏/显示文字
input 输入框获得和失去焦点时隐藏或者显示文字我们先看下效果图 输入框默认状态: 输入框获取焦点状态: 大家可以看效果图的搜索输入框，默认显示着“用户名/Email”的提示，当这个 input 输入框获得焦点时，就自动清空等待用户输入，当用户啥也没输入就离…
CSS3的column实现瀑布流效果
图片瀑布布局很好看，以前也看过别人实现的一些方法，大部分是用js实现的，今天试了一下，用CSS3简单的实现了类似的布局效果，希望对大家有用 使用CSS3的多列column实现瀑布流效果，涉及到CSS3的时候，我们首先要抛弃的是IE，然后再跑到高版本的FireFox或…
jQuery tab选项卡插件(可多次使用)
这个选项卡插件估计是最简单的了，我使用过好多次了，不过用于对jquery理解还不是很深刻，不知道性能上有没有问题，总之代码很简介，可用性也比较强，支持一个页面多次调用，html标签可以随便的更改，只需要把class加上就行了！是不是很简单啊， HTML代码…
css透明兼容，alpha兼容
以前的兼容代码: .transparent_class { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* ie8 */ filter:alpha(opacity=50); /* ie5-7 */ -moz-opacity:0.5; /* old mozilla browser like netsca…
一个不确定宽度的区块水平居中
我们知道，如果要一个区块水平居中，最好的办法是设置其width，然后使用margin左右为auto，但是对于一个不确定宽度的区块，我们也想要水平居中该怎么办，其实可以设置其display为table，然后设置左右的margin为auto，不过ie6,7不支持display: table;除此之…
HTML5的历史（信息图）
HTML5近年来一直是互联网行业的热门词汇。但一直未有一个对HTML5目前为止短短的历史总结。它从哪来？它如何从一个想法发展成现在的标准？一起来从这个信息图中找答案： 英文原图来自wix
鼠标经过图片显示大图并跟随鼠标效果-jQuery插件
今天看完了《JavaScript语言精粹》这本书，还有时间，就决定写写jQuery插件练练手，实现的效果是，鼠标移到缩略图上会显示该图的大图，并且大图跟随鼠标移动；或是移动到提示文字上，也可以显示图片。并且含有方向判别功能，具体来说就是如果缩略图在页面…
CSS3多背景图、背景大小
背景图片/纹理有很多种使用方式，常常用于为添加网站的最佳的界面美化。现在它在CSS3中被重视，我们可以应用多背景图和背景图片尺寸来实现更完美的效果。 CSS3的背景图片大小可以写成 background-size:Apx Bpx; -Apx = x轴(图片宽度) -Bpx = y轴(图片高度…
前端开发11个让你代码整洁的原则
写Web页面就像我们建设房子一样，地基牢固，房子才不会倒。同样的，我们制作Web页面也一样，一个良好的HTML结构是制作一个美丽的网站的开 始，同样的，良好的CSS只存在同样良好的HTML中，所以一个干净的，语义的HTML的优点很多，那么平时制作中，我们做到…
背景半透明最佳实践
背景半透明最佳实践 透明作为一种效果增强的方案，被众多视觉设计师喜欢。但因为 IE 的原因，透明，特别是半透明，已经成为前端工程师最不愿意实现的东西。现在有一个需求，需要对一个纯色的层实现半透明效果。效果如下，边框需要透明，透明度为 https://csswang.com/000000 …
CSS Sprites技术及其优化
CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生。这个被国内开发者昵称为CSS精灵 CSS雪碧的家伙到底解决了什么问题，我们又怎样合理使用这个技术呢？下面让我们详细的聊聊。 在大家还在拨号上网的“远古时期”，由于网速的限制，页面开发者都…
CSS制作鼠标经过后变大效果
CSS制作鼠标经过后变大效果,主要运用的position 定位标签,这个效果是在浏览网站的时候看到的，随手就给练习了下。 把你想要的默认效果写出来，然后给鼠标经过（:hover）的时候的效果里添加position:relative;属性，也就是相对定位，就可以实现在原有单词…
