日志文章

2007年09月14日 22:39:48

制作网页常见问题[特别收集]

改变网页滚动条的颜色
<style type="text/css">
body {scrollbar-face-color:#FEFAF1; (立体滚动条凸出部分的颜色)
scrollbar-highlight-color:#FEFAF1; (滚动条空白部分的颜色)
scrollbar-shadow-color:#FEFAF1; (立体滚动条阴影的颜色)
scrollbar-arrow-color:#E6C3B9;(上下按钮上三角箭头的颜色)
scrollbar-base-color:#FEFAF1; (滚动条的基本颜色)
scrollbar-darkshadow-color:#E6C3B9; (立体滚动条强阴影的颜色)
scrollbar-3dlight-color:#E6C3B9;(滚动条亮边的颜色)
scrollbar-track-color:#FEFAF1;} (滚动条的背景颜色)
</style>
这个<style>是加在<head>下面的哦~
如何在DW中插入透明FLASH啊
<td width="305"   height="223" background="背景图片">
<object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0 height=220 width=300>
<param name="movie" value="flash地址">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="flash地址" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"; type="application/x-shockwave-flash" width="401" height="180" wmode="transparent">
</embed> </object> </td>
表格背景颜色透明化
演示:http://my.6to23.com/mpink/mpink.htm
<table bgcolor=white style="filter: alpha(opacity=透明度)">
<tr><td>你的内容</td></tr></table>
透明度,100为不透明,0为完全透明

如何在網頁中插入另一個網頁
<iframe name="tt" src="网页地址" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>
比如我要在一个表格里插入另一个网页:
<table width="100%" border="0" cellspacing="0">
<tr>
<td><iframe name="tt" src="网页地址" width="450" height="287" scrolling="Auto" frameborder="0"></iframe></td>
</tr>
</table>

怎么在叶子上使用自己制作的鼠标光标?
在<head>与</head>之间插入:
<style type=text/css>
a:hover {cursor:url('*.ani')}
BODY {cursor:url('*.ani')}
</style>
*.ani 表示光标的地址名称

防止网页被“另存为”
在<body>加入<NOSCRIPT><IFRAME SRC=*.htm></IFRAME></NOSCRIPT>
</body>
网页背景固定的代碼是什麽?
在draemweaver中按Ctrl+Shift+E,新建一CSS样式(new),在background标签里,可以设定背景的各个选项:
Background:背景色
Background Image:选取你的背景图
Reapeat:背景图是否重复,其中选no-repeat为不重复,repeat为重复,repeat-x和repeat-y分别为只在X和Y方向重复。
Attachment:背景图位置,fix为背景图位置固定不变,scroll为背景图随页面一同滚动
Horizontal:为固定背景图时图在水平方向所居的位置,可以选择居中,居左,居右或自己设定距左的距离。
Vertical:为固定背景图时图在竖直方向所居的位置,可以选择居中,居顶部,居底部或自己设定距顶的距离。
注意带 * 的选项要在浏览器里才能看到效果。
设定完毕,对Dreamweaver左下角点选<body>应用该CSS样式就行了

在IE地址栏上加上个性图标
在<head>和</head>中加入
<link rel="shortcut icon" href="图标.ico">
图标必须是16×16 ico格式的
怎么实现当鼠标移到超链接上后就会马上出现说明文字?
如果懂的JS语法,也可以修改title.js里的参数,,比如提示时的字体颜色,背景颜色等。
在页里嵌入该JS文件即可。
<script src="title.js"></script>这样title="提示文学",,就会当鼠标移过去时,就会很快显示出来!只要在页面里嵌次该JS文件,不用在页面里修改或者添加什么的。
如何出现下划虚线
呵呵,,是个CSS效果,,把下面的CSS放入网页里即可
<style type="text/css">
<!--
a:hover {
border-bottom-width: 1px;/*虚线的大小*/
border-bottom-style: dashed;
border-bottom-color: #993300;/*虚线的颜色*/
}
-->
</style>

连 接 特 效 总 结
去掉鼠标碰到连接时,文字下方出现的实线
请将以下代码拷贝至页面的<head>与</head>之间:
<style>
A {text-decoration: NONE}
</style>
当经过链接文字时改变字体颜色
请将以下代码拷贝至页面的<head>与</head>之间:
<style>
A {color: #51bfe0}
A:hover { color: #000000 }
</style>
注:color可自行设定
增强链接的力度
<style>
A:hover {font-weight: bold }
</style>
不让点链接时出现虚线的办法
方法1:<a href=连接地址>文字</a>
方法2:也可以在<head>与</head>之间加上:
<script language='javascript'>
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG") document.body.focus();
}
document.onfocusin=bluring;
</script>
注:看到么?代码中除了定义了“A”(文字)可以去除虚线,还有“IMG”(图片)呢~
所以这段代码也可以应用在图片上~
触到链接时出现虚线
请将以下代码拷贝至页面的<head>与</head>之间:
<style>
A {text-decoration: NONE}
A:hover {border-bottom:1px dashed #51bfe0 }
</style>
注:1px:虚线的粗幼,dashed:线条的样式、dashed是“虚线”、dotted是“点线”、soild是“实线”,#51bfe0:颜色的代码。
另,border-bottom 那里代表会在文字的下方出现虚线,还可以是border-top、border-right 或 border-left,若想文字的四边都出现虚线,可直接用border,border:1px dashed #51bfe0
给链接添加背景色
请将以下代码拷贝至页面的<head>与</head>之间:
<style>
A:hover {background-color: #CCFFFF}
</style>
会向下移动的链接
请将以下代码拷贝至页面的<body>与</body>之间:
<a href=连接地址 title=说明文字>内容</a>
注:title 属性除了用在连接上,还可用普通的文字上(<a title=连接文字>内容</a> 即可),或任何有 title 属性的元素
链接雾化效果
请将以下代码拷贝至页面的<head>与</head>之间:
<style>
A:hover {FILTER: blur (add="0",direction="90",strength="5"); COLOR:#ffffff; HEIGHT: 0px;}
</style>
注:代码中的数值都是雾化的强度之类,可自行设定~
当鼠标移至连接处会出现图片
步骤一、复制程序代码至<head></head>之间
<SCRIPT LANGUAGE="javascript">
function imgover(imgname)
{imgname.src = "ima/arrow.gif"}
function imgout(imgname)
{imgname.src = "ima/blank.gif"}
</SCRIPT>
步骤二、复制到网页中<body>与</body>之间,欲呈现特效的位置
<table border=0 align=center width=88>
<tr><td width="80">
<p><img name="pic1" SRC="ima/blank.gif" width=10 height=10 border=0>
<a HREF="t6.htm" onMouseOver="imgover(pic1)" onMouseOut="imgout(pic1)">连结焦点</a></p>
<p><img name="pic2" SRC="ima/blank.gif" width=10 height=10 border=0>
<a HREF="0016.htm" onMouseOver="imgover(pic2)" onMouseOut="imgout(pic2)">淡出说明</a></p>
</tr></table>
注:指针的地方原本就有一个透明的图片(ima/blank.gif),鼠标移到连结后就会显示那一个图片,所以运用了两张图。

实现网页的动态过渡效果
若你想实现网页进入时以渐隐渐现的方式打开
可以在<head>与</head>之间加入如下语句:
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">
“Duration”的值为网页动态过渡的时间,单位为秒,一般设为3~5秒即可。
“Transition”不同的值对应不同的过渡方式,共有24种方式可供选择:
0 盒状收缩
1 盒状放射
2 圆形收缩
3 圆形放射
4 由下往上
5 由上往下
6 从左至右
7 从右至左
8 垂直百叶窗
9 水平百叶窗
10 水平格状百叶窗
11垂直格状百叶窗
12 随意溶解
13从左右两端向中间展开
14从中间向左右两端展开
15从上下两端向中间展开
16从中间向上下两端展开
17 从右上角向左下角展开
18 从右下角向左上角展开
19 从左上角向右下角展开
20 从左下角向右上角展开
21 水平线状展开
22 垂直线状展开
23 随机产生一种过渡方式

想让你的网页获得不同的过渡效果吗?
只要你根据情况为“Duration”、“Transition”设定不同的值即可,它的效果很酷哦!
怎么让背景图片随机变
以下代码加入<body>区域
<SCRIPT language=javascript>
<!--
bg = new Array(2); //设定图片数量,如果图片数为3,这个参数就设为2,依次类推
bg[0] = '1.gif' //显示的图片路径,可用http://
bg[1] = '2.gif'
bg[2] = '3.gif'
index = Math.floor(Math.random() * bg.length);
document.write("<BODY BACKGROUND="+bg[index]+">");
//-->
</SCRIPT>
Dreamweaver 制作的音频文件为什么不能连续播放
我给你介绍几种`~
(1)是把歌曲做成FALSH相素是1*1的``
动作gotoAndPlay(1)利用这个``
就OK 了~
(2)[这是当文件嵌入到网页中使用的]还有就是在DREAMWEAVER里面的窗口--行为面板里面~`
点击+号按钮有播放声音~设置参数autostart 值true(自动播放)
换可以设置当鼠标滑过是播放.MOUSEEOVER
当鼠标点击时播放ON chlik
(3)用代码写就是 :
<bgsound src="地址" loop="播放次数"(如果设置成-1的话就是无限次数)
>
这个加在头部<head>
这样应该知道么.我建议你使用第一种

Tags: 互联网  

类别: net天空 |  评论(0) |  浏览(1521) |  收藏
发表评论