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;属性,也就是相对定位,就可以实现在原有单词…