后使用快捷导航没有帐号？
只需一步，快速开始
查看: 2463|回复: 8
主题帖子精华0积分136C币132 枚在线时间4 小时注册时间最后登录性别男
高级程序员 Lv.2, 积分 136, 距离下一级还需 120 积分
主题帖子C币132 枚在线时间4 小时
大家觉得javascript能做什么呢？弹窗广告吗？你out了。
给大家介绍国外你牛人写的一段不到1k的JS代码产生的神奇3d效果。
演示地址在：/js/1kjs-demo.html
不过提醒一下大家，这个demo在IE下是无法运行的。
看了之后是不是有强烈学习编程的冲动了呢？
加入 菜鸟编程学习群：。
不管你是大牛还是菜鸟我们都欢迎你来一起交流
我的博客，关注C语言
主题帖子精华0积分172C币166 枚在线时间6 小时注册时间最后登录性别保密
高级程序员 Lv.2, 积分 172, 距离下一级还需 84 积分
主题帖子C币166 枚在线时间6 小时
我家的ie8打开不了这个动画......
主题帖子精华0积分136C币132 枚在线时间4 小时注册时间最后登录性别男
高级程序员 Lv.2, 积分 136, 距离下一级还需 120 积分
主题帖子C币132 枚在线时间4 小时
沉默的复仇者 发表于
我家的ie8打开不了这个动画......
IE下不能运行的哦
我的博客，关注C语言
主题帖子精华0积分175C币168 枚在线时间7 小时注册时间最后登录性别保密
高级程序员 Lv.2, 积分 175, 距离下一级还需 81 积分
主题帖子C币168 枚在线时间7 小时
那我以小白的身份问下，怎样才能运行呢？
主题帖子精华0积分136C币132 枚在线时间4 小时注册时间最后登录性别男
高级程序员 Lv.2, 积分 136, 距离下一级还需 120 积分
主题帖子C币132 枚在线时间4 小时
在非IE下能运行，比如火狐浏览器
我的博客，关注C语言
主题帖子精华0积分376C币356 枚在线时间20 小时注册时间最后登录性别保密
IT精英 Lv.3, 积分 376, 距离下一级还需 136 积分
主题帖子C币356 枚在线时间20 小时
搜狗打不开
主题帖子精华0积分25C币24 枚在线时间1 小时注册时间最后登录性别男居住地上海市&徐汇区
新人 Lv.0, 积分 25, 距离下一级还需 39 积分
主题帖子C币24 枚在线时间1 小时
好神奇，果然打不开！！！～～
有空的欢迎到我空间踩踩：Q
主题帖子精华0积分79C币71 枚在线时间8 小时注册时间最后登录性别男居住地重庆市&合川市
程序员 Lv.1, 积分 79, 距离下一级还需 49 积分
主题帖子C币71 枚在线时间8 小时
& && && && && &
主题帖子精华0积分136C币132 枚在线时间4 小时注册时间最后登录性别男
高级程序员 Lv.2, 积分 136, 距离下一级还需 120 积分
主题帖子C币132 枚在线时间4 小时
觉小土 发表于
好神奇，果然打不开！！！～～
非IE内核的浏览器，比如firefox
我的博客，关注C语言
( 粤ICP备号-2 )求大神解释下这段代码，主要是js代码，最好能注释一下 ！_web前端开发吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：41,194贴子：
求大神解释下这段代码，主要是js代码，最好能注释一下 ！收藏
求大神来解释下这段代码，主要是js代码这部分，有点蒙圈啊我，拜求啊！！！！&html&&script&window.onload=function(){var oBox=document.getElementById('box');var oUl=oBox.children[0];var aLi=oUl.oUl.innerHTML+=oUl.innerHTML;oUl.style.width=aLi.length*aLi[0].offsetWidth+'px';setInterval(function(){var l=oUl.offsetLeft+10;if(l&=0){l=-oUl.offsetWidth/2;}oUl.style.left=l+'px';},30);};&/script&&body&&div id=&box&&&ul&&li&&img src=&images/z.jpg&&&/li&&li&&img src=&images/x.jpg&&&/li&&li&&img src=&images/c.jpg&&&/li&&li&&img src=&images/v.png&&&/li&&li&&img src=&images/b.gif&&&/li&&/ul&&/div&&/body&&/html&
web前端开发,就业薪资高,发展前景好,零基础入学,60天入门到精通.名师面授-线上线下任你选,先就业后付款,学员尊享-名企入职通道.先就业后付款!
就是非常常见的轮播图呀，box相当于窗口，ul装的是所有图片，ul相对于box定位，首先将ul里面的图片复制了一份，所以轮播就不会出现空白，每次改变ul的left值，就是让图片动，走的距离是ul的一半也就是5张图片的总宽度时，瞬间让ul回到起始位置，然后又重复上面的改变left让ul动，造成不断往右跑的假象，其实只是回到起始点的动作太快人眼没察觉而已
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或是选项卡的练习.
&script type="text/javascript"&
window.onload = function(){
var oTab = document.getElementById("tabs");
var oUl = oTab.getElementsByTagName("ul")[0];
var oLis = oUl.getElementsByTagName("li");
var oDivs= oTab.getElementsByTagName("div");
for(var i= 0,len = oLis.i&i++){
oLis[i].index =
oLis[i].onclick = function() {
for(var n= 0;n&n++){
oLis[n].className = "";
oDivs[n].className = "hide";
this.className = "on";
oDivs[this.index].className = "";
如果知道去哪儿，全世界都会给你让路！
&!DOCTYPE html&&html&&head&
&meta charset="UTF-8"&
&title&实践题 - 选项卡&/title&
&style type="text/css"&
标签和文本结合区域效果制作：
1.用ul做分类标签
2.把ul的display定义为block使ul区域和下面div区域结合在一起
3.给ul定义一个下边框或者给div内容区域定义一个上边框
4.所有li标签默认样式不设下边框，作为激活显示的li标签加宽其#fff（白色）
区域的下边框，覆盖。
*{margin:0
font-family:微软雅黑;
#tabs{width:290
height:150
list-style:
line-height:30
border-bottom:2
#tabs ul li{float:
line-height:28
text-align:
display:inline-
margin:0px 3
border:1px solid #
border-bottom:
background:#
list-style:
#tabs ul li.on{border-top:3
border-bottom:2px solid #
#tabs div{height:120
line-height:25
border:1px solid #336699;
border-top:
.hide{display:}
&script type="text/javascript"&
window.onload=function(){
var oTab = document.getElementById("tabs")
var li = document.getElementsByTagName("li");
var div = oTab.getElementsByTagName("div");
//oTabs.get...是为了定义className作用对象为id为tabs下的所有文本div
for(var i=0;i&li.i++){//获取所有i编号的元素
li[i].index=i;
//定义一个index属性对li进行编号
li[i].onclick = function(){//再注册一个点击事件，当点击的时候所有标签都恢复最初状态
for(var n=0;n&li.n++){//这步是相对于未被点击部分的样式
li[n].className = "";
div[n].className = "hide";
this.className = "on";//再对点击事件添加相应的属性
div[this.index].className = "";//通过之前的index编号绑定的指定div
&/script& &/head&&body&&!-- HTML页面布局 --&&div id="tabs"&
&li&房产&/li&
&li&家具&/li&
&li&二手房&/li&
275万购昌平邻铁三居 总价20万买一居&br/&
200万内购五环三居 140万安家东三环&br/&
北京首现零首付楼盘 53万购东5环50平&br/&
京楼盘直降5000 中信府 公园楼王现房&br/&
40平出租屋大改造 美少女的混搭小窝&br/&
经典清新简欧爱家 90平老房焕发新生&br/&
新中式的酷色温情 66平撞色活泼家居&br/&
瓷砖就像选好老婆 卫生间烟道的设计&br/&
通州豪华3居260万 二环稀缺2居250w甩&br/&
西3环通透2居290万 130万2居限量抢购&br/&
黄城根小学学区仅260万 121平70万抛!&br/&
独家别墅280万 苏州桥2居优惠价248万&br/&
&/div&&/div&&/body&&/html&//给你参考下
已被提问者采纳
你还没有登录，请先登录或注册慕课网帐号
大致意思就是当点击某个tab时，将所有li的class设置为""，同时将当前点击的li的class设置为on,达到切换选项卡的效果
你还没有登录，请先登录或注册慕课网帐号
56265人关注
51665人关注
Copyright (C)
All Rights Reserved | 京ICP备 号-2