打印

这个网页特效很牛

http://images1.wowchina.com/burningcrusade/townhall/bestiary.html
大家点击一下左边的链接。右边出现的效果非常好
有人可以研究下怎么做的么?
的确很牛,就是一个滚动, 可惜咱不会整
www.wygls.com
呵呵, 5年前就见到 , 那时才叫牛B
有人知道怎么做么?

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
关注中。。。。

TOP

存源码研究吧,看了一下,主要是JS控制
書閱三經 人做自己 自得自樂 我就是我
支持正體字 只因有心

TOP

效果不错,应该论坛里有相似的代码。

TOP

应该是绝对定位后直接移动
移动完成将ZINDEX加一保证会遮住下一页...
关键的是移动线路的算法,如果是函数就好理解了

找到调用的方法了
大家可以去查看源代码
http://images1.wowchina.com/burningcrusade/townhall/images/bestiary/bestiary-script.js

***************

function moveItem(thisCreature)                                                                      //Animation Control Function
{
  if(okayToGo && thisCreature != currentCreature)                                          //if the function is not locked and the user clicked on a new item (not the current one)
  {
    containerSwitch(aBestiary[thisCreature]);
       newCreature = thisCreature;                                                                             //grabs the parameter, stores it for later use
       document.getElementById("mainContainer_"+theNewContainer).style.zIndex = 50+10*forwardBackward;              //tricky; if forward, new item slides in behind the current item
       document.getElementById("mainContainer_"+theOldContainer).style.zIndex = 50+20*forwardBackward;           //if backward, new item slides in in front of the current item
       startTheMove = window.setInterval("rightOrLeft()",20);              //calls the Animation Execution Function
  }
}

[ 本帖最后由 nightheart 于 2007-3-13 16:37 编辑 ]

TOP

有人能解释一下算法的意思没?

TOP

很好的效果   像 FLASH 也`~

TOP

代码看不懂
http://www.shop34313562.taobao.com

TOP

很感兴趣,关注一下!

TOP

还是不知道怎么用阿

TOP

Golive用Dhtml极容易实现

TOP

代码有误以,左边不少链接点了后,右边弹出的内容不相符,比如点“纳镥”会弹出“孢子漫游者”

TOP

好厉害!关注,以后会用到。

TOP

关注中,希望能分析出来答案。

TOP

加点缓冲不是更好~

TOP

这个用DW里的时间轴就可以实现了,很简单,估计都没研究过DW

TOP

晕,效果是不错,不过分离的话,代码好多好多~

[ 本帖最后由 kuhanzhu 于 2007-3-30 14:12 编辑 ]
乐于助人、严格管理、言多必失。无知者无罪。Keep your waiting,I am back.
编程资源:http://book.kuhanzhu.com
对管理有异议,请前往事务区进行投诉。请勿PM。

TOP

不用看了,我鸟一下就知道是JS写的

是JS写的,等我有时间我来研究下

TOP

这个用DHTML就可以实现吧,时间轴

TOP

要是有哪位能把代码弄出来看看,像我这样的菜鸟学习就好了

TOP

原來是TBC~~哈
vL.W.Shen
ChiaoTung Team of East China

TOP

NB..........
飞一般的感觉

TOP

见过类似的,效果不错,但是应该不难实现吧?div换位置和zindex而已。呵呵

TOP

确实是很不错的效果~~
期待高人 把它弄下来~~

TOP



 提示:您可以先修改部分代码再运行
这是一个达人写得就在本论坛中。地址忘了

TOP

好高人啊...
http://www.qlili.com 个人站帮点啊

TOP

跟我问到的一个贴一样的效果...
人生如棋, 举手无悔!!! 珍惜现在的每一分每一秒,珍惜你身边的每一个人;每一个机会. 别错过了再说后悔......

TOP