我是初网页设计的菜鸟,在学习过程中遇到了很多问题需要解决,在解决的过程中也积累了一些基本的东东,其中也得到了很多热心朋友的帮助和指教,所以我将我知道的一点知识也拿出来和大家分享,希望对超级菜鸟们有所帮助.
1.滚动图片代码:
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style> <div align='center' id='dem' style='overflow:hidden;height:100px;width:591px;'><!--滚动区的高度和宽度-->
<table width="704" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td id="dem1" >
<table width="950" align="center" border="0" cellpadding="0" cellspacing="0">
<tr><td height="10"></td></tr>
<tr>
<td>
<img src="file:///F|/www.fixhome.cn/img/px-1.jpg" width="150" height="100"> <img src="file:///F|/www.fixhome.cn/img/px-2.jpg" width="150" height="100"> <img src="file:///F|/www.fixhome.cn/img/px-4.jpg" width="150" height="100"><img src="file:///F|/www.fixhome.cn/img/px-3.jpg" width="150" height="100"> <img src="file:///F|/www.fixhome.cn/img/px-5.jpg" width="150" height="100"> <img src="file:///F|/www.fixhome.cn/img/px-6.jpg" width="150" height="100"> </td>
</tr></table>
<td id="dem2"></td>
</tr></table>
</div>
<script>
var Picspeed=15
dem2.innerHTML=dem1.innerHTML
function Marquee1(){
if(dem2.offsetWidth-dem.scrollLeft<=0)
dem.scrollLeft-=dem1.offsetWidth
else{
dem.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,Picspeed)
dem.onmouseover=function() {clearInterval(MyMar1)}
dem.onmouseout=function() {MyMar1=setInterval(Marquee1,Picspeed)}
</script>
2.滚动文字代码:
<marquee direction="up" height="108" scrolldelay="200">
<table width="249" height="108" border="0" cellpadding="0" cellspacing="0" onmouseover=stop() onmouseout=start() >
<tr>
<td width="306" height="21" valign="top"> ·<a href="#" class="sty">2006逻辑故障部分用户免费服务</a></td>
</tr>
<tr>
<td height="18" valign="top"> ·<a href="#" class="sty">免费体检一体计算机故障</a> </td>
</tr>
<tr>
<td height="18" valign="top"> ·<a href="#" class="sty">物理开盘规定不得超过3000元</a> </td>
</tr>
<tr>
<td height="20" valign="top"> ·<a href="#" class="sty">raid阵列有望超低价服务</a> </td>
</tr>
<tr>
<td height="19" valign="top"> ·<a href="#" class="sty">保密方式服务</a></td>
</tr>
</table>
</marquee>
1.向左滚动代码:
<marquee scrollAmount=2 width=300>你想滚动什么</marquee>
2.图片滚动代码:
<marquee scrollAmount=2 width=300><IMG src="http://yuyuflower.52blog.net/user1/22713/upload/20058308120.gif" border=0></marquee>
3.滚动字幕连接代码:
<marquee scrollAmount=2 width=300><a href=http://yingling21.52blog.net/user1/26852/index.shtml>消失部落</a></marquee>
点击消失部落就可以进入了
4.鼠标停留在文字上,文字停止滚动
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字内容</marquee>
5.多行文本向上滚动:
<marquee scrollAmount=2 width=300 height=160 direction=up>我不在乎有满身的伤口<br>在乎的只是你一句话<br>为什么你都不能回答我呢?<p>·<a href=http://yingling21.52blog.net/user1/26852/index.shtml>消失部落</a></marquee>
6.文字滚动自动停留,滚动的代码
<DIV style="FILTER: glow(color=#97694F ,strength=16); COLOR: #000000; HEIGHT: 10px"><FONT size=2>
<MARQUEE style="WIDTH: 213px; HEIGHT: 120px" scrollAmount=1 scrollDelay=1 direction=up width=213 height=120>
<P align=left>公 告 : <BR><BR>本 blog 的 文 章 <BR><BR>纯 属 原 创 <BR><BR>未 经 本 人 许 可 <BR><BR>不 得 擅 自 转 载 <BR><BR></P></FONT></MARQUEE></FONT></DIV>
具体操作如下所示:
控制面板----个人首页维护----自定义空白面板----新增----钩显示源代码----粘贴音乐代码----去掉钩----保存
如果是新增的面板可以再接着点----左上角的 定制我的首页----添加模块----钩选----选取----保存
提示:
1) 公告内容可以根据自己的想法改,在代码中改,字的中间可以加空格,每一个<BR>是一个单元。
2) scrollAmount=1 scrollDelay=1可以设置数值,也就是滚动速度,数值越大滚动越快。
3) direction=是滚动的方向,up=上,down=下,left=左,right=右,都可以自定义,愿意怎么滚动就怎么滚动。
4) width= 宽度,height= 高度 可以更改,
自己多试试 祝好运!
3.加页面程序代码:
<!--#include file="内容"-->
4.新窗口打开代码:
<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
<!--
function window_onload() {
<!--Page.OnLoad-->
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</SCRIPT>
<A onclick="MM_openBrWindow('001.htm','','width=450,height=440')"
href="javascript:;"><font color="#FF9900">豪华套间</font></A>
5.虚线代码:
#0080C0<td style="BORDER-bottom: #999999 1px dotted"> </td>
6. 表单提交后的连接问题:
<form name="form1" method="post" action="转向路径">
//需提交内容的控件
<input type="submit" name="Submit" value="提交">//提交按钮
</form>
代码设字体颜色:<font color="#993300"></font>
7.滚动条代码:
<style type="text/css">
body {SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色)
SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48}
或者---直接放页面里
<style type="text/css">
html, body {
scrollbar-3dlight-color: #7f99a8;(立体滚动条左侧边框的颜色)
scrollbar-arrow-color: #666666;(上下按钮上三角箭头的颜色)
scrollbar-base-color: #333333; (滚动条的基本颜色)
scrollbar-darkshadow-color: #b4fc48;(立体滚动条右侧边框的颜色)
scrollbar-face-color: #3333FF;(立体滚动条凸出部分的颜色)
scrollbar-highlight-color: #505050;(立体滚动条左侧边框的颜色)
scrollbar-shadow-color: #fc2400;(立体滚动条右侧阴影的颜色)
scrollbar-track-color: #ffffff;(滚动条空白部分的颜色)
}
8.如何让层位于flash对象之上
<param name="wmode" value="transparent"> FLASH将透明
<param name="wmode" value="Opaque"> FLASH仍将保持不透明
</style>
</style>
9.添加到收藏夹:
你把
function SetHomePage(obj,url){
obj.style.behavior='url(#default#homepage)';
obj.setHomePage(url);
}
function AddFav(url,sitename){
window.external.addfavorite(url,sitename);
}
保存到一个script.js
在页面写上调用的代码
<script type="text/javascript" src="script.js"></script>
Formater 18:02:13
<a href="#" onclick="javascript:AddFav('http://www.xxxx.com','www.xxx.com')">收藏本页 </a>
<a href="#" onclick="javascript:SetHomePage(this,'http://www.xx.com')">设为主页</a>
出现错误的原因一般是:<script type="text/javascript" src="script.js"></script> 最好加在<head></head>之间
你传上去就可以了
本地看你用<script type="text/javascript" src="../script.js"></script>
传上去就用<script type="text/javascript" src="/html/script.js"></script> (凡是到2级目录里的网页要用/html/
)
10、在弹出窗口中加上一个关闭按钮
<FORM>
<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'>
</FORM>
呵呵,现在更加完美了!