html仿苹果桌面导航js css,JS+CSS仿苹果手机(Iphone)的滑动效果的焦点图

JS+CSS仿苹果手机(Iphone)的滑动效果的焦点图_网页代码站(www.webdm.cn)

TABLE {

FONT-SIZE: 12px

}

.dis {

DISPLAY: block

}

.undis {

DISPLAY: none

}

#hot {

FILTER: progid:DXImageTransform.Microsoft.Fade(duration=0.5,overlap=1.0); WIDTH: 240px; HEIGHT: 447px

}

#hot IMG {

WIDTH: 240px; HEIGHT: 447px

}

#info {

Z-INDEX: 50; MARGIN: -100px auto 0px; WIDTH: 240px; POSITION: absolute; HEIGHT: 132px

}

#info TABLE {

COLOR: #fff

}

#bot {

Z-INDEX: 100; MARGIN: 0px 9px; WIDTH: 240px; POSITION: absolute

}

.tit {

FILTER: Glow(color=#ffffff,strength=3); FONT: 20px/36px 黑体; COLOR: #000

}

.tx {

TEXT-INDENT: 1em; LINE-HEIGHT: 20px

}

A.lcblock {

COLOR: #000; TEXT-DECORATION: none

}

A.lcblock:hover {

COLOR: #fff; TEXT-DECORATION: none

}

#bot TD {

CURSOR: pointer

}

#bot TD.s {

BACKGROUND: url(http://www.webdm.cn/images/20101014/ar.gif) no-repeat center 50%

}

function getid(obj)//取对应id的元素

{

return document.getElementById(obj);

}

function getNames(obj, name, tij) {

var plist = obj.getElementsByTagName(tij);

var rlist = new Array();

for (i = 0; i < plist.length; i++) {

if (plist[i].getAttribute("name") == name) {

rlist[rlist.length] = plist[i];

}

}

return rlist;

}

function fiterplay(obj, num, t, name, c1, c2) {

var fitlist = getNames(obj, name, t);

for (i = 0; i < fitlist.length; i++) {

if (i == num) {

fitlist[i].className = c1;

}

else {

fitlist[i].className = c2;

}

}

}

function play(obj, num) {

var hot = getid("hot");

var pic = getid("hotimg");

var info = getid("info");

var bot = getid("bot");

try {

with (hot) {

filters[0].Apply();

fiterplay(pic, num, "div", "f", "dis", "undis");

fiterplay(info, num, "div", "f", "dis", "undis");

fiterplay(bot, num, "td", "f", "s", "");

filters[0].play();

}

}

catch (e) {

}

}

var n = 0;

function clearAuto() { clearInterval(autoStart); };

function setAuto() { autoStart = setInterval("auto(n)", 4800) }

function auto() {

var x = getNames(getid("bot"), "f", "td");

n++;

if (n > (x.length - 1)) { n = 0; }

play(x[n], n);

}

function format() {

var x = getNames(getid("bot"), "f", "td");

for (i = 0; i < x.length; i++) {

x[i].num = i;

x[i].onclick = function() { play(this, this.num); }

}

setAuto()

}

href="http://www.webdm.cn/"

target=_blank>

src="http://www.webdm.cn/images/20101014/15278981.jpg" width=234

border=0>

href="http://www.webdm.cn/"

target=_blank>

src="http://www.webdm.cn/images/20101014/15283335.jpg" width=234

border=0>

href="http://www.webdm.cn/"

target=_blank>

src="http://www.webdm.cn/images/20101014/15279137.jpg" width=234

border=0>

border=0>

border=0>

href="http://www.webdm.cn/"

target=_blank>热门手机行水差价排行

LG

KS200和索尼爱立信C902c这样售价不过2000余元,但是却依然有着1000元以上的行水差价。

border=0>

border=0>

href="http://www.webdm.cn/"

target=_blank>男人与手机的共同点

class=tx>和手机一样,男人想成功也有几个必备要素。如果你有早晚会成功,如果没有,即使看似风光也不过是个运气好的傻小子。

border=0>

border=0>

href="http://www.webdm.cn/"

target=_blank>LG KU990推新色版本

全新包装的LG KU990

Viewty拥有白色、银色、红色、粉色、紫色等多种款式的配色方案。

background=http://www.webdm.cn/images/20101014/num.gif border=0>

name="f">

format();

网页代码站 - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值