页面特效
文章平均质量分 77
不懂love
这个作者很懒,什么都没留下…
展开
-
选项卡特效
js代码:function g(o) { return document.getElementById(o); } function HoverLi(n,start,num,css_num) { //如果有N个标签,就将i for (var i = start; i }CSS代码:{ line-height:28px;原创 2016-10-25 17:42:29 · 190 阅读 · 0 评论 -
当进行数据量大的更新时显示正在更新的动画
1.aspx文件中的代码 正在更新中.... 2.js代码function DisplayDiv(){ $("#divOver").css("visibility", "visible");原创 2016-10-25 17:47:42 · 267 阅读 · 0 评论 -
导航栏三级下拉特效
1、css代码:body,ul,li{ margin:0; padding:0;}a{ text-decoration:none; color:#000;}ul{ list-style:none;}.nav_ul{ height:30px; margin:50px 0 0 50px;}.nav_ul li{ float:left; background-color:#6FF;}.nav_ul li原创 2016-10-25 17:45:57 · 568 阅读 · 0 评论 -
【转载】星星打分评价
网页特效 优化的星星打分评价效果function rate(obj,oEvent){var imgSrc = 'img/icon_star_1.gif';var imgSrc_2 = 'img/icon_star_2.gif';if(obj.rateFlag) return;var e = oEvent || window.event;var target = e.target || e.srcE原创 2016-10-25 17:43:38 · 639 阅读 · 0 评论 -
js遮罩弹窗
在项目中,经常会用到一种效果就是,点击网页中某个元素时,可以弹出一个图层,这个图层无论是否有滚动条,还是滚动条是否滚动都要保持在当前窗口的正中央,同时在这个窗口的下面有一个遮罩层,使用户不能点击这个元素下面的元素。具体代码如下:css如下:[css] view plaincopy"text/css"> #btn1{ position:fixed; ri原创 2016-10-25 17:43:32 · 762 阅读 · 0 评论 -
【转载】JS+CSS实现带关闭按钮的DIV弹出窗口
JS+CSS实现带关闭按钮的DIV弹出窗口function locking(){document.all.ly.style.display="block";document.all.ly.style.width=document.body.clientWidth;document.all.ly.style.height=document.body.clientHeight;document.原创 2016-10-25 17:43:30 · 297 阅读 · 0 评论 -
让IE浏览器支持CSS3圆角属性的方法
如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图片的方式。用图片的话,基本就跟浏览器没有多大关系了,因为任何浏览器都支持这种方式。今天我们主要是讲解如果用CSS3样式表来实现圆角效果,值得注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS3的解析,只有还不太主流的IE9支持CSS3和HTML5的标准。让IE支持CSS3的解析方法有很多种,(让IE浏览器支持HTML5标准的方法)原创 2016-10-25 17:43:08 · 260 阅读 · 0 评论 -
在页面中插入flash播放器
视频 function writeVideo(src, w, h) { var vtype = src.split("."); videotype = vtype[1]; var videcode = ''; switch (videotype) {原创 2016-10-25 17:43:05 · 324 阅读 · 0 评论 -
背景图片切换效果
HTML代码: aa JQ代码:var $jts = jQuery.noConflict(); $jts(function () { // backgrou原创 2016-10-25 17:42:57 · 679 阅读 · 0 评论 -
首页banner图轮播效果
无标题文档 1 2 3原创 2016-10-25 17:42:54 · 1086 阅读 · 0 评论 -
【转载】JS实现淘宝 放大镜效果
如今越来越多的人喜欢网上购物,在“淘宝”“天猫”上都可以买的非常漂漂的衣服和鞋子等,但是如果网站上展示的图片太小的话,就很难满足卖家想要了解宝贝的细节需求,作为开发人员网站的用户体验是第一位的,为了让买家清晰地看到宝贝的每个细节,我们将图片的一部分放大,实现一个“放大镜”效果。这个放大镜虽然很有用,也很有意思,但是要用JS实现它却并不复杂。下面我们来具体分析一下。效果图:(右边的大图是左边小块滤镜原创 2016-10-25 17:42:51 · 294 阅读 · 0 评论 -
鼠标移动图片向上滚动
中国站长天空-网页特效-图片特效-鼠标悬停图片上下或左右滑动的效果与之间-->html,body,div,img{margin:0;padding:0;border:none;}html{font:1em Arial,Helvetica,sans-serif;color:#444;}h1{text-align:center;}.clear{overflow:auto;}#vertical,#hor原创 2016-10-25 17:42:43 · 1144 阅读 · 0 评论 -
jq兼容各个浏览器的遮罩层效果,有关闭按钮(非常强大的)
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> "http://www.w3.org/1999/xhtml"> "Content-Type" content="text/html; charset=utf-8" /> 史上最精简,最强大的原创 2016-10-25 17:49:48 · 364 阅读 · 0 评论