易码技术论坛

 找回密码
 加入易码
搜索
楼主: 亚森罗宾

EMAX两周岁庆祝活动----灌水嘉年华,盖楼拿奖励

 关闭 [复制链接]
发表于 2006-8-29 19:15:16 | 显示全部楼层
我抽卡了
发表于 2006-8-29 19:15:17 | 显示全部楼层
欢迎大家来包子家园书库
http://www.baozi.pp.ru/book/
共有6万多部小说[还在增加中] 每天更新!
发表于 2006-8-29 19:15:18 | 显示全部楼层
aaaaaaaaaaa
发表于 2006-8-29 19:15:19 | 显示全部楼层
到哪里都成为焦点^o^
发表于 2006-8-29 19:15:34 | 显示全部楼层
不要搞纯水
发表于 2006-8-29 19:15:35 | 显示全部楼层
教程?
发表于 2006-8-29 19:15:38 | 显示全部楼层
靠,又没抢到
发表于 2006-8-29 19:15:51 | 显示全部楼层
引用第5680楼申彩桦2006-08-29 19:13发表的“”:
为什么现在PL女生生活这么难???
你好假啊
不过没有你那样的绿叶那里有我们这些鲜花呢
发表于 2006-8-29 19:15:53 | 显示全部楼层
支持
发表于 2006-8-29 19:15:53 | 显示全部楼层
把这个内容放在<head>和</head>之间
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>


把这个图片的属性改成这个(主要是加上鼠标移上去和移开的效果)。
发表于 2006-8-29 19:15:59 | 显示全部楼层
啥教程
发表于 2006-8-29 19:16:04 | 显示全部楼层
欢迎大家来包子家园Flash小游戏站
http://www.baozi.pp.ru/flash
大量的flash小游戏 种类多 品种全
发表于 2006-8-29 19:16:06 | 显示全部楼层

召唤
防御龙3
埋伏3张卡
发表于 2006-8-29 19:16:10 | 显示全部楼层
<style type="text/css">
.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #E9FECB;
width: 205px;
}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: black;
color: white;
}

</style>
<script language="javascript">
//more javascript from http://www.webjx.com
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var enableanchorlink=0 //Enable or disable the anchor link when clicked on? (1=e, 0=d)
var hidemenu_onclick=1 //hide menu when user clicks within menu? (1=yes, 0=no)

/////No further editting needed

var ie5=document.all
var ns6=document.getElementById&&!document.all

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function showhide(obj, e, visible, hidden){
if (ie5||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie5 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var windowedge=ie5 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
}
return edgeoffset
}

function dropdownmenu(obj, e, dropmenuID){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
if (typeof dropmenuobj!="undefined") //hide previous menu
dropmenuobj.style.visibility="hidden"
clearhidemenu()
if (ie5||ns6){
obj.onmouseout=delayhidemenu
dropmenuobj=document.getElementById(dropmenuID)
if (hidemenu_onclick) dropmenuobj.onclick=function(){dropmenuobj.style.visibility=&#39;hidden&#39;}
dropmenuobj.onmouseover=clearhidemenu
dropmenuobj.onmouseout=ie5? function(){ dynamichide(event)} : function(event){ dynamichide(event)}
showhide(dropmenuobj.style, e, "visible", "hidden")
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}

function clickreturnvalue(){
if ((ie5||ns6) && !enableanchorlink) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie5&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function delayhidemenu(){
delayhide=setTimeout("dropmenuobj.style.visibility=&#39;hidden&#39;",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
</script>

<!--第一个链接和菜单 -->
[url=]网页特效[/url]  
                                   


[url=]图形图像[/url]
[url=]鼠标事件[/url]
[url=]时间日期[/url]
[url=]导航菜单[/url]
[url=]窗体变化[/url]
[url=]表单按钮[/url]
[url=]特殊脚本[/url]
[url=]游戏娱乐[/url]


<!--第二个链接和菜单 -->

[url=]网络学院[/url]  
                                   


[url=]网页制作[/url]
[url=]网络编程[/url]
[url=]图形图像[/url]
[url=]多媒体制作[/url]
[url=]网站建设[/url]
[url=]操作系统[/url]
发表于 2006-8-29 19:16:14 | 显示全部楼层
怪不得自古以来红颜多命薄T_T
发表于 2006-8-29 19:16:17 | 显示全部楼层
引用第5710楼小小名侦探2006-08-29 19:15发表的“”:
不要搞纯水
why?不是随便灌吗?
发表于 2006-8-29 19:16:25 | 显示全部楼层
经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易,只要往该页面的HTML里加入几段java-script代码即可实现。下面俺就带您剖析它的奥秘。
【1、最基本的弹出窗口代码】

  其实代码非常简单:

  〈SCRIPT LANGUAGE="java-script"〉
  〈!--
  window.open (′page.html′)
  --〉
  〈/SCRIPT〉

  因为这是一段java-scripts代码,所以它们应该放在〈SCRIPT LANGUAGE="java-script"〉之间。〈!-- 和 --〉是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。

  window.open (′page.html′) 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。
用单引号和双引号都可以,只是不要混用。
  这一段代码可以加入HTML的任意位置,〈head〉和〈/head〉之间可以,〈body〉间〈/body〉也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。

  【2、经过设置后的弹出窗口】

  下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。

  〈SCRIPT LANGUAGE="java-script"〉
  〈!--
  window.open (′page.html′, ′newwindow′, ′height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no,status=no′)
  //写成一行
  --〉
  〈/SCRIPT〉

  参数解释:

  〈SCRIPT LANGUAGE="java-script"〉 js脚本开始;
  window.open 弹出新窗口的命令;
  ′page.html′ 弹出窗口的文件名;
  ′newwindow′ 弹出窗口的名字(不是文件名),非必须,可用空′′代替;
  height=100 窗口高度;
  width=400 窗口宽度;
  top=0 窗口距离屏幕上方的象素值;
  left=0 窗口距离屏幕左侧的象素值;
  toolbar=no 是否显示工具栏,yes为显示;
  menubar,scrollbars 表示菜单栏和滚动栏。
  resizable=no 是否允许改变窗口大小,yes为允许;
  location=no 是否显示地址栏,yes为允许;
  status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
  〈/SCRIPT〉 js脚本结束
【3、用函数控制弹出窗口】

  下面是一个完整的代码:
  
  〈html〉
  〈head〉
  〈script LANGUAGE="java-script"〉
  〈!--
  function openwin() {
  window.open ("page.html", "newwindow", "height=100, width=400,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no")
  //写成一行
  }
  //--〉
  〈/script〉
  〈/head〉
  〈body onload="openwin()"〉
  ...任意的页面内容...
  〈/body〉
  〈/html〉

  这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢?
 
  方法一:〈body onload="openwin()"〉 浏览器读页面时弹出窗口;
 
  方法二:〈body onunload="openwin()"〉 浏览器离开页面时弹出窗口;
 
  方法三:用一个连接调用:〈a href="#" onclick="openwin()"〉打开一个窗口〈/a〉
注意:使用的“#”是虚连接。
 
  方法四:用一个按钮调用:〈input type="button" onclick="openwin()" value="打开窗口"〉

  【4、同时弹出2个窗口】

  对源代码稍微改动一下:
  〈script LANGUAGE="java-script"〉
  〈!--
  function openwin() {
  window.open ("page.html", "newwindow", "height=100, width=100,
  top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no,
  location=no,status=no")
  //写成一行
  window.open ("page2.html", "newwindow2", "height=100, width=100,   
  top=100,left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no,  
  location=no,status=no")
  //写成一行
  }
  //--〉
  〈/script〉
 
  为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。
注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。OK?

【5、主窗口打开文件1.htm,同时弹出小窗口page.html】

  如下代码加入主窗口〈head〉区:
  〈script language="java-script"〉
  〈!--
  function openwin() {
  window.open("page.html","","width=200,height=200")
  }
  //--〉
  〈/script〉

  加入〈body〉区:
  〈a href="1.htm" onclick="openwin()"〉open〈/a〉即可。

  【6、弹出的窗口之定时关闭控制】

  下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则...),让它10秒后自动关闭是不是更酷了?

  首先,将如下代码加入page.html文件的〈head〉区:

  〈script language="java-script"〉
  function closeit() {
  setTimeout("self.close()",10000) //毫秒
  }
  〈/script〉
  
  然后,再用〈body onload="closeit()"〉 这一句话代替page.html中原有的〈BODY〉这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)

  【7、在弹出窗口中加上一个关闭按钮】
  〈FORM〉
  〈INPUT TYPE=′BUTTON′ VALUE=′关闭′ onClick=′window.close()′〉
  〈/FORM〉
  
  呵呵,现在更加完美了!
  
  【8、内包含的弹出窗口---一个页面两个窗口】
  
  上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。通过下面的例子,你可以在一个页面内完成上面的效果。

  〈html〉
  〈head〉
  〈SCRIT LANGUAGE="java-script"〉
  function openwin()
  {
  OpenWindow=window.open("", "newwin", "height=250,   
  width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
  //写成一行
  OpenWindow.document.write("〈TITLE〉例子〈/TITLE〉")
  OpenWindow.document.write("〈BODY BGCOLOR=#ffffff〉")
  OpenWindow.document.write("〈h1〉Hello!〈/h1〉")
  OpenWindow.document.write("New window opened!")
  OpenWindow.document.write("〈/BODY〉")
  OpenWindow.document.write("〈/HTML〉")
  OpenWindow.document.close()
  }
  〈/SCRIPT〉
  〈/head〉
  〈body〉
  〈a href="#" onclick="openwin()"〉打开一个窗口〈/a〉
  〈input type="button" onclick="openwin()" value="打开窗口"〉
  〈/body〉
  〈/html〉

  看看OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。

【9、终极应用--弹出的窗口之Cookie控制】

  回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(

  有解决的办法吗?当然有!我们使用cookie来控制一下就可以了。首先,将如下代码加入主页面HTML的〈HEAD〉区:

  〈script〉
  function openwin(){
  window.open("page.html","","width=200,height=200")
  }
  function get_cookie(Name) {
  var search = Name + "="
  var returnvalue = "";
  if (document.cookie.length 〉 0) {
  offset = document.cookie.indexOf(search)
  if (offset != -1) {
  offset += search.length
  end = document.cookie.indexOf(";", offset);
  if (end == -1)
  end = document.cookie.length;
  returnvalue=unescape(document.cookie.substring(offset, end))
  }
  }
  return returnvalue;
  }
  function loadpopup(){
  if (get_cookie(′popped′)==′′){
  openwin()
  document.cookie="popped=yes"
  }
  }
  〈/script〉
 
  然后,用〈body onload="loadpopup()"〉(注意不是openwin而是loadpop啊!)替换主页面中原有的〈BODY〉这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的Pop-Only-Once!

  写到这里弹出窗口的制作和应用技巧基本上算是完成了,俺也累坏了,一口气说了这么多,希望对正在制作网页的朋友有所帮助俺就非常欣慰了。
需要注意的是,JS脚本中的的大小写最好前后保持一致
 楼主| 发表于 2006-8-29 19:16:25 | 显示全部楼层
还有40分钟活动将截止,活活~~
发表于 2006-8-29 19:16:27 | 显示全部楼层
咳咳...
发表于 2006-8-29 19:16:29 | 显示全部楼层
结束这个回合
您需要登录后才可以回帖 登录 | 加入易码

本版积分规则

Archiver|手机版|小黑屋|EMAX Studio

GMT+8, 2025-7-11 01:01 , Processed in 0.016421 second(s), 17 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表