-
2005-11-06
插入图片或滚动的超链接图片代码 - [电脑网络]
【1】插入图片
<img src="http://图片地址" border="0" width="344" height="255">
代码中的图片地址就是网上以 .jpg .bmp .gi f 结尾的网址,SupFree0在网页的图片上点右键查看“SupFree8属性”SupFree9就可以看到地址和尺寸,SupFree0“SupFree8width”SupFree9是宽度,SupFree0“SupFree8height”SupFree9是高度。SupFree1
如何给滚动图片加超链接?SupFree7
用<a href="/>";和</a>把<img>包围,SupFree0并且img必须设border=0,SupFree0否则图片会出现边框。SupFree1例子如:SupFree2
<a href="http://www.05165.com"><img src="http://www.05165.com/images/logo.gi f" border="0" width="148" height="72"></a>
【2】插入左右滚动图片
<MARQUEE width=380 height=80 onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><img src="第一张图片地址"><img src="第二张图片地址"></MARQUEE>
代码含义补充说明:SupFree2
1.图片尺寸为原始大小
2. scrollAmount 它表示速度,SupFree0值越大速度越快。SupFree1
3. width 是滚动区域的宽度,SupFree0height 滚动区域的高度。SupFree1
4. 加入onmouseover=stop() onmouseout=start()代码,SupFree0鼠标指向循环文字图片时他们会停止滚动,SupFree0鼠标离开时继续滚动。SupFree1
5.如何给滚动图片加超链接?SupFree7
用<a href="/>";和</a>把<img>包围,SupFree0并且img必须设border=0,SupFree0否则图片会出现边框。SupFree14个图片带连接,SupFree0在新窗口中打开中秋节贺卡的例子如:SupFree2
<MARQUEE width=200 height=80 onmouseover=stop() onmouseout=start() scrollAmount=3 loop=infinite deplay="0"><a href="http://www.05165.com/mu/send.htm?jr/06/jr0620.swf" target="_blank"><img src="http://www.05165.com/mu/jr/jr0620.gif" border="0"></a><a href="http://www.05165.com/mu/send.htm?jr/06/jr0621.swf" target="_blank"><img src="http://www.05165.com/mu/jr/jr0621.gif" border="0"></a><a href="http://www.05165.com/mu/send.htm?jr/06/jr0622.swf" target="_blank"><img src="http://www.05165.com/mu/jr/jr0622.gif" border="0"></a><a href="http://www.05165.com/mu/send.htm?jr/06/jr0623.swf" target="_blank"><img src="http://www.05165.com/mu/jr/jr0623.gif" border="0"></a></MARQUEE>
(注:上面的*.gi f 图片格式gi和f中间我放了一个空格.大家不要有这个空格
-
在页面源代码的<head>与</head>之间插入如下代码:
<SCRIPT LANGUAGE="javascript">
var exit=true;
function leave(){
if (exit)
window.open(’http://www.your-website.com/popup.html’,’’,
’toolbar=no,menubar=no,scrollbars=yes,resizable=yes,
location=no,height=400,width=400’);
}
// End -->
</SCRIPT>
其中,http://www.your-website.com/popup.html为您站点所要弹出窗口中显示的页面,后面跟了一些新窗口的属性。
在</head>后</body>前的任何地方插入如下代码:
<BODY onUnload="leave()">
在不需要弹出窗口的链接后加入如下代码:
onclick="exit=false" 如:
<a href="http://www.MarkeitngBetter.com" onclick="exit=false">点击此链接不弹出新窗口</a>
代码插入完成后,点击该页面中链接,动作一切如常。当您关闭此时的浏览器,新的指定页面被弹出。
-
经常上网的朋友可能到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个链接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面非常容易,只要往该页面的HTML里加入几段javascript代码即可实现。下面我就带你剖析它的奥秘。
【最基本的弹出窗口代码】
其实代码非常简单:
<SCRIPT LANGUAGE="javascript">
<!--
window.open (’page.html’)
-->
</SCRIPT>
因为这是一段javascript代码,所以它们应该放在<SCRIPT LANGUAGE ="javascript">标签和</script>之间。<!--和-->是对一些版本低的浏览器起作用,在这些老浏览器中如果不支持javascript,不会将标签中的代码作为文本显示出来。
Window.open (’page.html’)用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。
用单引号和双引号都可以,只是不要混用。
这一段代码可以加入HTML的任意位置,加入到<head>和</head>之间也可以,位置越靠前执行越早,尤其是页面代码较长时,又想使页面早点弹出就尽量往前放。
【经过设置后的弹出窗口】
下面再说一说弹出窗口外观的设置。只要再往上面的代码中加一点东西就可以了。
我们来定制这个弹出窗口的外观、尺寸大小、弹出位置以适应该页面的具体情况。
<SCRIPT LANGUAGE="javascript:>
<!--
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="javascript"> js脚本开始;
window.open 弹出新窗口的命令;
page.html 弹出新窗口的文件名;
newwindow 弹出窗口的名字(不是文件名),可用空 ″代替;
height=100 窗口高度;
top=0 窗口距离屏幕上方的像素值;
left=0 窗口距离屏幕左侧的像素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏;
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
</SCRIPT> js脚本结束。
【用函数控制弹出窗口】
下面是一个完整的代码。
<html>
<head>
<script LANGUAGE="javascript">
<!--
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="openwen()"> 浏览器读页面时弹出窗口;
方法二:<body onunload="openwen()"> 浏览器离开页面时弹出窗口;
方法三:用一个连接调用:<a href="#" onclick="openwin()">打开一个窗口</a>
注意:使用的"#"是虚连接。
方法四:用一个按钮调用:<input type="button" onclick="openwin()" value="打开窗口">
【主窗口打开文件1.htm,同时弹出小窗口page.html】
将如下代码加入主窗口<head>区:
<script language="javascript">
<!--
function openwin(){
window.open("page.html","","width=200,height=200")
}
//-->
</script>
加入<body>区:<a href="1.htm" onclick="openwin()">open</a>即可。
【弹出的窗口之定时关闭控制】
下面我们再对弹出窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则…),让它在10秒钟后自动关闭是不是更酷了?
首先,将如下代码加入page.html文件的<head>区:
<script language="javascript">
function closeit() {
setTimeout("self.close()",10000) //毫秒
}
</script>
然后,再用<body onload="closeit()">这一句话代替page.html中原有的<BODY>这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)
【在弹出窗口中加上一个关闭按钮】
<form>
<INPUT TYPE=’BUTTON’ value=’关闭’ onClick=’window.close()’>
</form>
呵呵,现在更加完美了!
【内包含的弹出窗口——一个页面两个窗口】
上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。
通过下面的例子,你可以在一个页面内完成上面的效果。
<html>
<head>
<SCRIPT LANGUAGE="javascript">
function openwin()
{
OpenWindow=window.open("","newwin","height=250,width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
//写成一行
OpenWindow. -
与黑马论坛为例,代码如下:
<form method="post" action="http://club.heima.com/show_Succ.aspx?error=%b5%c7%c2%bd%b3%c9%b9%a6,5%c3%eb%ba%f3%d7%d4%b6%af%b7%b5%bb%d8%ca%d7%d2%b3" target="_blank">
<table width="260" border="0" cellspacing="0" cellpadding="3"><tr><td colspan="2">
<span style="font-size: 14px;line-height: 17pt">■ 社区入口</span></td></tr><tr><td width="66">
<span style="font-size: 14px;line-height: 17pt">用户:</span></td><td width="160">
<input type="text" name="username" size="16" maxlength="20"></td></tr><tr><td width="66">
<span style="font-size: 14px;line-height: 17pt">密码:</span></td><td width="160">
<input type="password" name="password" size="16" maxlength="20"></td></tr><tr>
<input type="hidden" name="community_id" value="274706"><td colspan="2">
<span style="font-size: 14px;line-height: 17pt">
<input type="submit" name="Submit" value="登陆">
<a href="http://club.heima.com/forum_display.aspx?forumid=140527" target="_blank">匆匆过客</a>
<a href="http://club.heima.com/register_user.aspx?url=/forum_display.aspx%3fforumid%3d140527" target="_blank">用户注册</a>
<a href="http://club.heima.com/forgetpwd.aspx" target="_blank">忘记密码</a></span>
<br>
<input name="is_autologin" type="checkbox" value="1">
<span style="font-size: 9pt;line-height: 17pt">保存密码,下次自动登陆</span>
</td></tr>
</table>
</form> -
-
2005-10-16
网页中插入音频视频文件的代码 - [电脑网络]
作者:佚名 文章来源: GONET8.COM 上传时间:2005-10-16
1.avi格式
<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="file:///D|/work/vod/Mbar.avi">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="file:///D|/work/vod/Mbar.avi" src="Mbar.avi">
</embed>
</object>
2.mpg格式
<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239" height="250">
<param name="Appearance" value="0">
<param name="AutoStart" value="-1">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="../../../mpeg/halali.mpg" valuetype="ref">
<param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="1">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="-1">
<param name="ShowDisplay" value="-1">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="-1">
<param name="Volume" value="-480">
</object>
3.smi格式
<OBJECT id=RVOCX classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=240
height=180>
<param name="_ExtentX" value="6350">
<param name="_ExtentY" value="4763">
<param name="AUTOSTART" value="-1">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="-1">
<param name="SRC" value="rm.rm">
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="console1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed src="real.smi" type="audio/x-pn-realaudio-plugin" console="Console1" controls="ImageWindow" height="180" width="240" autostart="true"></OBJECT>
4.rm格式
事例(1)
<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" HEIGHT=288 WIDTH=352>
<param name="_ExtentX" value="9313">
<param name="_ExtentY" value="7620">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="rtsp://203.207.131.35/vod/dawan-a.rm";>
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="Clip1">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
<param name="CENTER" value="0">
<param name="MAINTAINASPECT" value="0">
<param name="BACKGROUNDCOLOR" value="#000000"><embed SRC type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow" HEIGHT="288" WIDTH="352" AUTOSTART="false">
</OBJECT>
事例(2)
<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA height=285 id=RAOCX name=rmplay width=356>
<param name="SRC" value="http://www.dydezx.com/coolly/miss/02/06-07.rm">
<param name="CONSOLE" value="Clip1"> -
2005-10-16
Frontpage2003的下载地址 - [电脑网络]
直接下载地址:http://bestmoban.com/down/soft/frontpage2003.rar
另一个下载地址需要打开页面后才可以下载,页面地址是:http://www.syhc.net/download/software.asp?id=151
注意:为了使下载速度跟快,你最好使用网际快车(迅雷)下载。http://www.xunlei.com/download.htm -
<IFRAME style="WIDTH: 628px; HEIGHT: 814px" src="http://yj2605.anyp.cn" width=230 height=295></IFRAME>
中间的网址了改成你想加入的页页,WIDTH: 628px; HEIGHT: 814px自由改动!
在你需要的页面放入以下代码:
<iframe src="你要嵌入的网址" width="600" height=800 marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no"></iframe>
说明:(红色部分)width和height即宽度和高度根据你所嵌入目标的高度和宽度填写,例如你的日记本的宽为600,高为800,填上去就可以完整显示了
scroing 表示滚动条,它有三个参数,
一个是yes, 即显示滚动条,
二是no,表示不显示滚动条.
第三是auto,系统自动判断显示或不显示滚动条~
-
2005-10-16
(公告栏里)上下滚动的文字代码 - [电脑网络]
示例(1):
<TABLE style="TABLE-LAYOUT: fixed" height=170 cellSpacing=0 width="100%">
<TBODY>
<TR>
<TD style="WORD-WRAP: break-word; 130: " vAlign=top><SPAN id=post2 style="FONT-SIZE: 12px; COLOR: #000000"><td width="94%"><marquee direction="up" width="100%" height="106" scrollamount="2" id=info onmouseOver=info.stop() onmouseOut=info.start() ><font color="#FF0000">● 越来越多的调查表明,网络直销将会成为未来营销方式的主流,全球经贸网网购中心(以下简称WG)致力打造网络购物新平台。</font><br><br>● 与亲临商场选购的商品享受同样的质量保证。含有质量保证书的商品按照保证书的承诺执行。其它商品按国家有关规定执行。</P><P>● 全球经贸网网购中心(简称WG)商城上商城入驻商户均经过严格审核,如出现伪劣产品(WG)将予以顾客先行赔付,严重者将免去商户的入驻资格。</P><P>● 网购中心(WG) 秘书服务 代收款服务,订单发货通知。当然你自己可以随时登录查询订单收款发货。我们也可以提供方便为你代收款服务,订单发货通知。</P><P><font color="#FF0000">● 每天一支烟,网上两个家。商务娱乐两不误。。低成本,高效益。尽早入驻,你将享受元老和贵宾的待遇!</font><BR> 嗨~!<BR> 有兴趣把您的漂亮衣服放到网站上面去销售吗?<BR> 想开一个属于自己的网上服装店吗?您想拥有自己私人的公司网站吗?您想一天24小时在线营业吗?您想有更多的收入和更多的服装代理商吗?<BR> 请跟我来,和我联系吧~!!0755-26254651 最佳浏览 800*600</marquee></td><BR></SPAN></TD>
<TD width=16></TD></TR>
<TR>
<TD></TD>
<TD vAlign=bottom><BR></TD></TR></TBODY></TABLE>
示例(2):
<marquee width=300 height=330 onmouseover="this.statr()" onmouseout="this.stop()" direction=up scrollamount=1>本博客是一个聚学习、娱乐、体育,电脑等为一体的综和性博客网。在这里你不必花大量的时间去IE搜索免费电影,最新最火爆的流行音乐……让你在学习工作之余能有一份轻松愉悦的心情。</marquee>
注意:汉字内容可以改成你需要的.
共1页 1






