重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

javascript阴影,html5边框阴影

怎么把图片做成有阴影的代码

楼上看清楚,天极那个不是用flash而是用js做的。

10年积累的成都网站建设、网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有西充免费网站建设让你可以放心的选择与我们合作。

1.保存js代码:

2.拷贝以下代码到你的网页,并把图片和链接改为你自己的:

div class="box-1"

div class="box-1-l"

div class="clear1"/div

div class="box100"

div class="box1-l-left"

SCRIPT language=javascript

var widths=282;

var heights=164;

var counts=6;

img1=new Image ();img1.src='';

img2=new Image ();img2.src='';

img3=new Image ();img3.src='';

img4=new Image ();img4.src='';

img5=new Image ();img5.src='';

img6=new Image ();img6.src='';

url1=new Image ();url1.src='';

url2=new Image ();url2.src='';

url3=new Image ();url3.src='';

url4=new Image ();url4.src='';

url5=new Image ();url5.src='';

url6=new Image ();url6.src='';

/SCRIPT

SCRIPT src="softindexfocuspic.js"/SCRIPT/div!--注意此js和页面的路径关系问题--

3.你所说的什么有阴影只是一张背景图片而已。

网页的弹出框阴影效果怎么实现的?

这个是用javascript实现的

主要是控制 div叠显示

CSS属性 z-index

就这种效果来讲

应该就有三层

最上层就是我们看到的那一层,中间一层就是那层灰色的 宽度是100% 高度也是100%;

最下面一层被屏掉了

你可以去网上下载这样的实例去 看一下

一般初学者可能实现不了这种效果

但可以对着代码去修改

如何用JS给网页的一个DIV添加一个阴影,使鼠标移入的时候阴影出现鼠标移出的时候阴影消失

!DOCTYPE html  

html  

head  

meta content="text/html; charset=gb2312" http-equiv="Content-Type"  

title文哥讨厌IE/title  

script type="text/javascript" src="jquery.js"/script    

style type="text/css"  

.box-shadow{  

box-shadow: 10px 10px 10px 10px red;  

}  

.obj{  

border-radius:100px;

width:100px;  

height:100px;  

margin:50px auto;  

background:#eee;      

}  

/style  

/head  

body  

div class="obj" /div  

script type="text/javascript"  

$(document).ready(function(){  

$(".obj").mouseover(function(){

$(".obj").addClass("box-shadow");

});

$(".obj").mouseout(function(){

$(".obj").removeClass("box-shadow");

});

});  

/script  

/body  

/html


网站名称:javascript阴影,html5边框阴影
URL网址:http://cqcxhl.cn/article/dseocoo.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP