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：https://www.cdcxhl.com/article0/dseocoo.html

成都网站建设公司_创新互联，为您提供网站收录、小程序开发、动态网站、云服务器、做网站、Google

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联