主题:  转一个精典的贴子,给大家看看!!

hawhaw

职务:普通成员
等级:1
金币:0.0
发贴:109
注册:2002/4/3 11:15:05
#12002/8/1 14:36:21
请大家先看效果!!

http://www.hot4.org/temp/winmove

编辑历史:[这消息被hawhaw编辑过(编辑时间2002-08-01 14:37:28)]


hawhaw

职务:普通成员
等级:1
金币:0.0
发贴:109
注册:2002/4/3 11:15:05
#22002/8/1 14:39:28
这是闪客帝国里一个老兄的一个杰作!人气高达2000多!

下面是这个效果的原代码!!



hawhaw

职务:普通成员
等级:1
金币:0.0
发贴:109
注册:2002/4/3 11:15:05
#32002/8/1 14:40:22
教程如下:

首先要做一个索引页,也就是你要首先打开的页面,比如 index.htm

这个页面里不需要任何的内容,他的作用就是制造一个无框页面然后把它滑入页面,然后关闭自己的这个索引页,只要在这个页面的里加入如下代码:







记住其中的这段代码挺重要的:






如果没有这段代码,那么这个索引页就不会自己关闭,如果自己不关闭,就会有些小的问题,呵呵

var w=640,h=420

上面代码里的这句话大家应该都知道,是定义无框窗口的大小的

mm=setTimeout("go()",500);

这句话是定义运行速度的,大家可以通过更改数值来改变速度

var popup=window.open('winmove.htm','','fullscreen=1');

这句话就是无框窗口中引用的页面,大家应该都明白吧?

讲到这里,滑入的效果就OK了,现在讲滑出,开始我以为在关闭窗口的叉叉图片里定义javascript:close()就可以关闭滑出了,可是发现只能关闭,但是不是滑出关闭,后来才知道这需要一个script才行

代码如下,把这个代码加入到引用页里,也就是这个示例的winmove.htm这里页里:



然后在关闭窗口的叉叉图片上这样做:

close window

也就是加入onclick='exit()' 这个代码,这样就可以滑出关闭了。

最后要说的一点是winmove这个页面要定义一下css,把页面的滚动条定义为无,否则无框页面会存在一个滚动条的



呵呵呵,我给忘了

图片链接代码

min window

最小化的script






hawhaw

职务:普通成员
等级:1
金币:0.0
发贴:109
注册:2002/4/3 11:15:05
#42002/8/1 14:41:34
不知大家对这个效果和教程评价如何!!



=ridincal=

职务:管理员
等级:7
金币:20.0
发贴:5886
注册:2004/1/13 11:47:04
#52002/8/1 15:27:19
早都看过了,简单地说就是全屏窗口+层的移动。



hawhaw

职务:普通成员
等级:1
金币:0.0
发贴:109
注册:2002/4/3 11:15:05
#62002/8/1 23:44:19
是啊,你是看过,可是还有好多人没看过呢???



chenlei5211

职务:普通成员
等级:1
金币:4.0
发贴:111
注册:2002/3/10 19:35:08
#72002/8/2 22:08:56
上边的那个公告兰怎末做?



suzzledboy

职务:普通成员
等级:1
金币:1.0
发贴:225
注册:2001/6/21 19:07:00
#82002/8/2 22:34:01
对对对,公告栏比较cool呀。呵呵!



=ridincal=

职务:管理员
等级:7
金币:20.0
发贴:5886
注册:2004/1/13 11:47:04

hawhaw

职务:普通成员
等级:1
金币:0.0
发贴:109
注册:2002/4/3 11:15:05
#102002/8/2 22:50:05
RIDINCAL说的这个贴子没看过,,

以后还有很多要向大家请教的,多帮忙!!!

谢了!!