javascript阴影,html5边框阴影

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

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

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.你所说的什么有阴影只是一张背景图片而已。

相关问答

Q1: 网页的弹出框阴影效果怎么实现的？

这个是用javascript实现的

主要是控制 div叠显示

CSS属性 z-index

就这种效果来讲

应该就有三层

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

最下面一层被屏掉了

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

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

但可以对着代码去修改

Q2: 如何用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