主题:  好心人教教我!!!!

zhangjing815

职务:普通成员
等级:1
金币:0.0
发贴:135
注册:2002/10/27 15:56:21
#12002/11/16 12:57:11
我想知道有许多网站弹出对话框
很漂亮,不知道是怎么做出来的
五颜六色好好看
有人能教我吗,好想学者做一个
ftp.scgamer.net/ccsk/jack/hj/index.htm



zhangjing815

职务:普通成员
等级:1
金币:0.0
发贴:135
注册:2002/10/27 15:56:21
#22002/11/16 13:59:48
我就知道是用插件地做的
谁知道是什么插件

怎么用啊



彩云传说

职务:普通成员
等级:2
金币:10.0
发贴:618
注册:2001/5/27 21:26:20
#32002/11/16 17:50:47
对话框?
说的可能是无边窗口吧。

看这里:http://www.5dmedia.com/bbs/newsdetail.asp?id=418384




zhangjing815

职务:普通成员
等级:1
金币:0.0
发贴:135
注册:2002/10/27 15:56:21
#42002/11/16 20:31:10
达闻西
这个贴子我看到了
可是看完我也不会做呀
具体点



彩云传说

职务:普通成员
等级:2
金币:10.0
发贴:618
注册:2001/5/27 21:26:20
#52002/11/16 21:56:39
哈哈,你是气我吧。Ridincal把图都帖出来了,而且还解释了这个全部意思啊。
下载这个插件安装后.
到DW里你先选中要链接的文字或图片,然后按SHIFT+F3调出行为菜单,按上面的加号.
接着的照帖子的图过程操作就行了.



zhangjing815

职务:普通成员
等级:1
金币:0.0
发贴:135
注册:2002/10/27 15:56:21
#62002/11/17 9:21:23
谢谢
达闻西
我上回没仔细看
还有我机器的dreamweaver mx有点毛病
呵呵
以后清多关照



比特空间

职务:普通成员
等级:3
金币:10.0
发贴:853
注册:2002/6/16 11:56:52
#72002/11/17 9:25:46
无框页面特效:
www.hot4.org/temp/winmove 演示
实现以上的效果不需要任何的js文件,代码也很短,效果却不错,主要的代码就两处,一个是无框页面的滑入,一个是滑出
首先要做一个索引页,也就是你要首先打开的页面,比如 index.htm

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






var w=640,h=340;
var xpos=0,ypos=0,targetx=(screen.width-w)/2,targety=(screen.height-h)/2;
function go()
{
if (targetx-xpos>1)
{xpos=(targetx+9*xpos)/10;
popup.moveTo(xpos,targety);}
else
{clearTimeout(mm);
this.focus();
CloseWindow.Click();}
mm=setTimeout("go()",10);
}

self.moveTo(-2222,-2222);
var appName=navigator.appName;
//判断不是Netscape,Opera或Tencent Explorer
if (appName.indexOf('Microsoft')!=-1 && document.body.clientTop==2 && window.external.x!='Wibble')
{
var popup=window.open('winmove.htm','','fullscreen=1');
popup.moveTo(-1800,targety);
popup.resizeTo(w,h);
setTimeout("go()",500);
}
else
{alert("请使用IE5.0或其以上版本浏览,谢谢!");}


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






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

var w=640,h=420

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

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

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

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

这句话就是无框窗口中引用的页面,大家应该都明白吧?
讲到这里,滑入的效果就OK了,现在讲滑出,开始我以为在关闭窗口的叉叉图片里定义javas cript:close()就可以关闭滑出了,可是发现只能关闭,但是不是滑出关闭,后来才知道这需要一个s cript才行

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


var w=640,h=420;
var xstep=0,targetx=(screen.width-w)/2,targety=(screen.height-h)/2;
function exit()
{
if(xstep+targetx{xstep=0.1+xstep*2;
window.moveTo(targetx+xstep,targety);}
else
{clearTimeout(mo);
window.close();}
mo=setTimeout("exit()",10);
}


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

close window

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



--------------------------------------------------------------------------------

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



手控滚动条的效果:

第一段代码

插一个内页

onmouseup=movover();movstar(-1,20) class=opacity
onmousedown=movover();movstar(-3,2)
onmouseover=movstar(-1,20);o_down(this)
onmouseout=movover();o_up(this) height=9 alt=up
src="img/up.gif" width=9 border=0>

向上箭头的代码

onmouseup=movover();movstar(1,20) class=opacity
onmousedown=movover();movstar(3,2)
onmouseover=movstar(1,20);o_down(this)
onmouseout=movover();o_up(this) height=9 alt=down
src="img/down.gif" width=9
border=0>

向下箭头的代码
把这几段代码插到页子里就行了



zhangjing815

职务:普通成员
等级:1
金币:0.0
发贴:135
注册:2002/10/27 15:56:21
#82002/11/17 9:51:20
塔布里斯
讲得真好
我再事这座你给我的例子
可是我遇到到一个问题
我没有这个插件(closewindow)?
能帮我找一下嘛

编辑历史:[这消息被zhangjing815编辑过(编辑时间2002-11-17 09:56:20)]
[这消息被zhangjing815编辑过(编辑时间2002-11-17 11:13:51)]


zhangjing815

职务:普通成员
等级:1
金币:0.0
发贴:135
注册:2002/10/27 15:56:21
#92002/11/17 11:33:37
插件我都找到了
也都安装了
可是为什么都不好使呀
真是急人
重起机器也是不好使
请问各位大虾怎么会事呀
呵呵
没办法就是这么菜



zhangjing815

职务:普通成员
等级:1
金币:0.0
发贴:135
注册:2002/10/27 15:56:21
#102002/11/17 11:35:28
插件我都找到了
也都安装了
可是为什么都不好使呀
真是急人
重起机器也是不好使
请问各位大虾怎么会事呀
呵呵
没办法就是这么菜