网页前台特效
BigLazyET
这个作者很懒,什么都没留下…
展开
-
网站二级导航标题特效
很多网站已经不满足于一级标题的展示,可能很多的时候有二级标题,三级标题等等。那么如何设置二级标题以及如何把二级标题做的好看呢。下面的代码中注意:1.为了让二级标题有渐隐渐现的感觉,用了transition样式2.二级标题的定位始终是一个困扰我好久的难题。要确保一级标题有position属性(不能没有也不能设为static),只有一级标题(父级标题)设了position属原创 2014-05-07 19:59:05 · 1969 阅读 · 0 评论 -
网站中图片上滑出现说明文字的特效
网站中为了美观也为了可以在一个区域中展示的信息更多的原因,可以看到很多图文混杂的特效。(这个的目标是单位面积上呈现给用户的信息量最多)比如鼠标放到图片上,然后图片翻转到背面,而背面是图片的介绍信息比如鼠标放到图片上,然后从图片的下端或者任一端弹出对应介绍信息的图层,图片位置不变比如鼠标放到图片上,然后图片上移紧随着的是介绍信息的显示这篇博客是讲的以上说到的第三种比如。原创 2014-05-08 13:57:18 · 2208 阅读 · 0 评论 -
jQuery照片伸缩效果,不是单纯的图片放大缩小,不影响其他元素的布局
之前在网上看到这种特效,无奈当时没有收藏网址,导致后来原创 2014-05-08 15:52:02 · 4598 阅读 · 0 评论 -
网站导航标题栏下面有一小色块跟随鼠标移动,同时色块颜色改变的特效
可能很多人看标题不是很明白这个特效,下面简述一下这个特效:看到很多网站上的导航栏下面有一个小的色块,一开始小色块是处在第一个标题下面的,当鼠标移动到另一个标题时,这个小色块就会悠悠地跑到对应的标题下面。这里截图只能看到色块是移动了,但现实不出色块是从Home下面平滑移动到Product下面的。反正就是这个意思了。大家看我上面的解释就知道了,不行看下面代码或者把代码拷贝运行一原创 2014-05-08 13:06:48 · 5425 阅读 · 4 评论 -
网站点击导航栏标题,对应的元素平滑上移以及点击图片或按钮回到页面顶部的特效
之前看w3cshool上面,看到了a,name配合可以设置锚点,很多看书的网站上都用到,可以根据点击对应的目录章节,自动跳到具体的文字内容。不过用锚点做的特效感觉很粗糙,不够平滑,总是一下子就跳到下面去了,没有给浏览者一种平滑的感觉。所以自己就计划着能不能做一种类似的比较平滑的效果呢?当然是可以的。这篇博客中的特效要用到如下的函数和属性,大家没见过或者见过用过已经忘了的,可以到w3csho原创 2014-05-09 16:48:09 · 3127 阅读 · 0 评论 -
JS实现简单的图片轮转
图片轮转或者轮播特效在各种网页上都随处可见,但是每次我对于这种特效的写法都是很疑惑,不知道是怎么实现的。最近静下心来,好好研究了一番,发现各种大神的各种写法,由于比较多和比较混乱,我就整理了一些写法。第一种写法:调用了jquery1.9.1.js和外部的几张图片(有兴趣的大家可以粘贴后调试下,这边图片大家自行替换)注意点:这边图片的命名用了数字:0,1,2,3,4,这是为了后期原创 2014-05-07 16:01:16 · 8936 阅读 · 1 评论