大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
楼上看清楚,天极那个不是用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%;
最下面一层被屏掉了
你可以去网上下载这样的实例去 看一下
一般初学者可能实现不了这种效果
但可以对着代码去修改
!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