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边框阴影
本文来源:http://hxwzsj.com/article/dseocoo.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 成都网站设计 网站制作公司 商城网站建设 手机网站制作 网站设计 成都响应式网站建设 网站建设 成都网站建设公司 成都网站制作 专业网站设计 成都网站建设公司 四川成都网站设计 手机网站设计 网站制作公司 定制网站设计 成都网站建设 成都商城网站建设 温江网站设计 达州网站设计 成都网站设计 网站设计 成都网站设计