CSS+JS技巧

先来了解一下什么是ＪＳ吧：
Javascript是一个解释式的、基于对象的脚本程序语言．虽然Javascript比面向对象（obje
ct-oriented)譬如C++、Java等程序语言的功能少，但具备足够完整的功能．
　　Javascript可以在客户端（client-side）以及服务器(server-side)上执行．　
　　Javascript程序不能单独执行，须在浏览器或站点服务器上执行．目前能够支持的浏览
器以"IE
3.x"，"Netscape 3.x"以上版本的浏览器为主．
　　Javascript可以串联和控制ActiveX Controls，在客户端浏览器上执行；也可以串联到
IIS的Active Server Pages的服务器上执行．

有时在一个表单中要求客户提交信息是，输入的值不能为空，这时有两种解决方法：

　　一种是在服务器端程序中实现。这种方案，它的缺点是客户端的请求必须在网络上传送
给服务器，然后由服务器程序进行判断，将结果返回客户端。为了判断一个条件在网上传送
了两次，这样既浪费了时间，也浪费了网络资源。

　　二是在客户端程序中进行判断。这样就出现了javascript，由于它是一种可以在浏览器
端运行的脚本语言，不必经过网络传送，因而有很高效率，而且它有很强的兼容性和灵活性
，这就要求一个Web程序员必须要会javascript。目前大多数浏览器都支持javascript。

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table

2. <body onselectstart="return false"> 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7. <input style="ime-mode:disabled"> 关闭输入法

8. 永远都会带着框架
<script language="JavaScript"></script>

9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT></SCRIPT>

10. 网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>

11. <input type=button value=查看网页源代码
onclick="window.location = "view-source:"+ "http://www.51js.com/"">

12.删除时确认
<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除
&page=1"">删

除</a>

13. 取得控件的绝对位置
//Javascript
<script language="Javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}
</script>

//VBScript
<script language="VBScript"></script>

14. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart("character",e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">

15. 判断上一页的来源
javascript:
document.referrer

16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>

<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT　CTRL
}
document.onkeydown=look;
</script>

18. 网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">

19.怎样让表单没有凹凸感？
<input type=text style="border:1 solid #000000">
或
<input type=text style="border-left:none; border-right:none; border-top:none;
border-bottom:

1 solid #000000"></textarea>

20.<div><span>&<layer>的区别？
<div>(division)用来定义大段的页面元素，会产生转行
<span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行
<layer>是ns的标记，ie不支持，相当于<div>

21.让弹出窗口总是在最上面:
<body onblur="this.focus();">

22.不要滚动条?
让竖条没有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
让横条没有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
两个都去掉？更简单了
<body scroll="no">
</body>

23.怎样去掉图片链接点击后，图片周围的虚线？
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>

24.电子邮件处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/pl
ain">
<input type=submit>
</form>

25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

26.如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
打开页面的位置<body onload="top.moveBy(300,200);">

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}
</STYLE>

28. 检查一段字符串是否全由数字组成
<script language="Javascript"></script>

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.s
crollHeight">
</textarea>

32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>

33. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>

34.脚本永不出错
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

35.ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

36. 检测某个网站的链接速度：
把如下代码加入<body>区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1

var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"

function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》
<input type=text

name=url"+i+" size=40> =》<input type=button value=GO

onclick=window.open(this.form.url"+i+".value)><br>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="链接超时"}
else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img

src=http://"+autourl+"/"+Math.random()+" width=1 height=1

onerror=auto("http://"+autourl+"")>")}
run()</script>

37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.页面进入和退出的特效
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transit
ion=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transiti
on=y)">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。tran
sition表示使

用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种

39.在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com">

40.网页是否被检索
<meta name="ROBOTS" content="属性值">
　　其中属性值有以下一些:
　　属性值为"all": 文件将被检索，且页上链接可被查询；
　　属性值为"none": 文件不被检索，而且不查询页上的链接；
　　属性值为"index": 文件将被检索；
　　属性值为"follow": 查询页上的链接；
　　属性值为"noindex": 文件不检索，但可被查询链接；
　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。

41.检测浏览器类型并用声音提示
这个脚本检测访问者的浏览器类型，并用不同的MIDI来提示，非常的COOL！
　　将代码加入<BODY>区：声音文件自己随便选择.

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

　　检测访问者使用的浏览器是IE还是NS，然后根据检测结果带领他们去相应的页面，可以
有效地避免浏览器的不兼容导致的页面浏览异常，下面再给出一种方法：
代码非常简单，将如下代码加入HTML的<head>区：

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>　

定位的小技巧
||一、只有DIV标签才能使用定位（Position）！
    事实上，定位是CSS规范中的一部分，不仅仅可以应用在DIV标签上。比如：
    <img style="position:relative;top:100px;left:100px">
    所以，当说到定位的时候，请不要总是和DIV联想到一起！

二、层标签就是DIV标签！
    DIV仅仅是一个容器，但当它定位以后就是一个层。
    其它定位了的元素也可以是层，比如SPAN、IMG等。
    ——但实际上我们一般不把定位后的非容器标签叫层，比如IMG。
    另外，还有一个LAYER标签，它不是用CSS来定位（而是通过本身的固有属性），这才是
真正的层。但因为浏览器兼容性问题而很少使用它！

三、使用定位技术来排版，会导致层错位！
    实际上，错位的不是层，而是层以外的东西。
    默认情况下，网页的大部分元素都是有弹性的，它们会根据你的浏览器窗口大小而改变
自身位置。
    ——而层不会，至少相对于它的依赖元素，它是绝对忠诚的！
    你要是不信，可以把你网页的所有需要显示的部件用上定位技术，然后改变窗口大小，
看它是否会错位！

四、如果使用相对定位，则不能使用top和left属性！
    晕死，大家自己看看这两个代码：
    代码一：<img style="position:relative;top:100px;left:100px">
    代码二：<img style="position:absolute;top:100px;left:100px">
    如果你还没看出什么，就继续看后面的内容，我会做一些讲解。
    这里要说的是，相对定位同样可以使用top和left属性！

五、绝对定位是以浏览器窗口显示区域为基准的，相对定位是以依赖元素为基准的！
    其实，无论相对定位还是绝对定位，都是以依赖元素为基准的！
    这里，“依赖元素”并不是一个具体的元素，也不是大家最可能想到父级元素（上层元
素）。

    先看看绝对定位的情况：
    代码段一：
        <body>
           <div> 
               <img style="position:absolute;top:50px;left:50px">
           </div> 
        </body>
    代码段二：
        <body>
           <div style="position:absolute;top:50px;left:50px">
           
               <img style="position:absolute;top:100px;left:100px">
           </div>
        </body>
    代码段三：
        <body>
           <div style="position:absolute;top:50px;left:50px">
               <hr> 
               <img style="position:absolute;top:100px;left:100px">
           </div>
        </body>
     我们会发现：
     从代码段一，绝对定位后的元素（例中为IMG）外如果套一个元素（DIV），对它的位置
不发生作用！但代码二中对外套的DIV也进行了定位，此时它里面的IMG位置就发生了变化！
而在代码三中，对IMG加了一个同级的水平线（HR），发现它对IMG的位置没有作用。——大
家可以继续这个实验，还会发现：绝对定位不会考虑依赖元素的内部位置设置，比如内部元
素的对齐方式、边距等。

     对相对定位我们可以做同样的实验，仅仅改position:absolute为position:relative就
可以了！
     我们会发现，相对定位和绝对定位最大的差别在于：相对定位要考虑同级元素，而且也
要考虑依赖元素的内部位置设置。从下面的代码看差别：
     代码段四：
         <body leftmargin=100> 
             <img style="position:absolute;top:50px;left:50px">
         </body>
     代码段五：
         <body leftmargin=100> 
             <img style="position:relative;top:50px;left:50px">
         </body>
     代码段六：
         <body>
             <hr> 
             <img style="position:absolute;top:50px;left:50px">
         </body>
     代码段七：
         <body>
             <hr> 
             <img style="position:relative;top:50px;left:50px">
         </body>

    做了这么多实验，大家想必也有所体会了！
    依赖元素就是指对元素位置产生作用的其它外部元素！
    在实际使用中，包括DW默认的层代码生成方式中，绝对定位的代码往往生成于BODY标签
最外层的前半部分。所以，大家在使用绝对定位的时候就产生错觉：绝对定位是以浏览器窗
口显示区域为基准的！
    实际上，它的依赖元素是BODY，但又不考虑BODY默认的边距属性，所以看起来像是以浏
览器窗口显示区域为基准的！——不过，对于这种情况，大家就算这样理解，也无伤大雅。
呵呵！
    而在相对定位的使用上，大家往往把依赖元素理解为父级元素（上层元素），而其实同
级元素也会对它的位置产生影响。还有就是left和top属性，相对定位中同样可用！

    ……
    OK了，写了这么多。好累啊！希望对大家有所帮助！
    奉劝各位一句，网上许多文章，甚至一些大师级人物写的书，都最好抱着怀疑的态度去
阅读！
    ——读我这个帖子更应该这样，大家最好都做做实验（最好自行设计实验方案），验证
一下看我说的对不对！
|||||    网页制作常见问题(不断更新,提问前请先看看)

一.Q：表格内的文字不会自动换行，怎么办？
   A：有两种可能的情况：

第一种，你用CSS把表格内文字的字体设置成了英文字体，这样在DW里表格内的文字不会自动
换行，但这仅是DW里的显示效果，在IE里其实是可以正常换行的。如果希望在DW的编辑状态
也能使文字自动换行，把表格内文字的字体设置为中文字体即可（例如“宋体”）。

第二种，你在表格中输入了连串无空格的英文或数字，它们被IE识别为一个完整的单词，所
以不会自动换行，遇到这种情况，你可以通过CSS把文字强行打散，例如：
<td style="word-break:break-all">……</td>

二. Q：怎么才能让层飘在Flash上面？
    A：在网页里把SWF文件设置为背景透明即可，具体做法：

DW中，在SWF文件的属性面板中，点parameters，添加参数wmode，值选择transparent；
或者直接修改网页的代码，在标志SWF文件属性的代码中添加：
<param name="wmode" value="transparent">
注意，这种效果只有IE支持。

三. Q：背景音乐因为页面的切换而无法连续播放，怎么让它连续播放？
    A：用分帧实现，把其中一个frame的显示高度（或宽度）定义为0，在其中设置背景音
乐，另外一个frame内的页面切换不影响整个背景音乐的播放。

例子：
<html>
<head>
<title>框架页</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<frameset rows="0,*" frameborder="NO" border="0" framespacing="0">
<frame name="topFrame" scrolling="NO" noresize src="bgsound.htm" >
<frame name="mainFrame" src="main.htm">
</frameset>
<noframes>
<body bgcolor="#FFFFFF" text="#000000">
对不起，你的浏览器不支持框架的显示。
</body>
</noframes>
</html>

四. Q：改变IE的字体大小设置时，页面字体不发生改变，怎样实现？
    A：用CSS定义页面字体，例如：
<style type="text/css">

</style>
基本上，设置了body和td的默认字体，就相当于定义了页面内大部分文字内容。

注意，使用CSS定义好默认字体后，不要再使用<font size="1">这样的标签，这会屏蔽
CSS的默认设置。

五. Q：绝对地址与相对地址？绝对定位与相对定位？
    A：绝对地址：形如http://www.hongen.com/default.htm或file://d:/homepage/defa
ult.htm这样的地址，就是文件在网络或本地的绝对位置；

相对地址：就是被链接文件相对与当前页面的地址，比如说，链接和当前页面同级的文件地
址只要用“文件名”即可；链接当前页面下级子目录下的文件用“目录名/文件名”；链接当
前页面上一级目录下的文件用“../文件名”；链接同级但在另外一个子目录中的文件用“.
./目录名/文件名”；链接根目录（你的网站的根目录，并非硬盘根目录）下的文件可以用“
./文件名”的形式。

其实绝对和相对很容易理解的，相对就是有参照物的，绝对则是固定的。

为什么我们提倡使用相对地址呢？打个比方说吧，如果你有一个index.htm，里面引用了ima
ges目录的一些图片，如果使用了相对地址，搬家的时候只需把原来这套东西全部上传到新的
空间就行了，因为文件彼此之间的相对位置关系没有改变，所以这些地址仍然是有效的。但
如果插入图片的时候使用了绝对地址，那空间地址一变，引用处的图片路径也要随之改变。
当然，有时也会用到绝对地址，例如友情链接别人的主页等等。

相对定位也是一样，如果是相对于一个单元格定位的层，单元格挪动到哪儿，层也就会到哪
儿.

用辩证的观点来看，其实绝对定位也是相对的，它和我们所说的相对定位的区别就在于，层
的绝对定位是相对于浏览器的左边界和上边界而言，而层的相对定位是层相对于它的载体（
表格或另外的层）而言~~
六. Q：如何取消链接的下划线？
    A：用CSS来实现：
<style type="text/css">

</style>
其中a:link 表示一般的链接样式；a:visited 表示已访问过的链接样式；a:hover 表示鼠标
经过时的链接样式。text-decoration: none 表示无下划线，text-decoration: underline
表示有下划线。

如果三种链接状态的样式相同，也可以简化为：
<style type="text/css">

</style>

七. Q：为什么在DW中把单元格高度设置为1没有效果？
    A： DW生成表格时会自动在每个单元格里填充一个代码，就是空格代码，如果有
这个代码的存在，你把该单元格宽度或高度设置为1都没有效果，实际预览时该单元格会占据
10px左右的宽度。

如果把代码去掉，再把单元格宽度或高度设置为1，就可以在IE中看到预期的效果。但
是在NS（Netscape）中该单元格不会显示，就好象表格中缺了一块。在单元格内放一个透明
的GIF图，然后把它的宽度和高度都设置为1，这样就可以同时兼容IE和NS了。
八. Q：如何使表格背景色在鼠标经过时改变？
    A： <table width="100" border="0" cellspacing="1" cellpadding="0" bgcolor=
"#000000">
<tr>
<td onmouseover="style.backgroundColor='#CCCCCC'" onmouseout="style.background
Color='#FFFFFF'" align="center" bgcolor="#FFFFFF">背景色改变</td>
</tr>
</table>

九. Q：如何实现两种不同的链接效果？
    A：在CSS中设置不同的类（CLASS），例如：
a.w1:link {text-decoration:none;color:#000066}
a.w1:visited {text-decoration:none;color:#333333}
a.w1:hover {color:#0000ff;text-decoration:underline}
a.w2:link {text-decoration:none;color:#000066; font-weight:bold}
a.w2:visited {text-decoration:none;color:#000066; font-weight:bold}
a.w2: hover{color:#FF0000; font-weight:bold}

不同的链接调用不同的CSS类即可，例如：
<a href="#" class="w1">123</a>
<a href="#" class="w2">456</a>

也可以直接在DW中操作，例如：
1、打开css style面版选择use css selector
2、选择a:link，定义样式，接下来选择a:hover再定义样式
3、同样方法再建立一个链接样式a.w1（名称可任意）:link 和a.w1:hover
4、第二步所建立的样式会以默认值自动写入文档，当需要使用第二种样式时，选中链接文字
，在右键快捷菜单中选择新样式（第三步建立的样式，这里为w1）
十.Q：怎样改变IE滚动条的样式？
   A：用CSS改变滚动条的样式，代码如下：

<style>
BODY
{SCROLLBAR-FACE-COLOR: #D4D0C8;
SCROLLBAR-HIGHLIGHT-COLOR: #D4D0C8;
SCROLLBAR-SHADOW-COLOR: #999999;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #E3E3E3;
SCROLLBAR-DARKSHADOW-COLOR: #666666;
}
</style>

这种效果只有IE5.5及更高版本才支持。

十一.Q：为什么页面四周有空白？
     A：在你的<body>里面加入leftmargin="0" topmargin="0"，为了适应网景浏览器
，最好再加上marginheight="0" marginwidth="0"

十二.Q：如何去除浏览器的“滚动条”？
     A： <body scroll=no>

去掉水平滚动条：
<body style="overflow-x: hidden">
去掉竖直滚动条：
<body style="overflow-y: hidden">

十三.Q：如何实现“设为首页”、“添加到收藏夹”？
     A：设置为首页：
<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHome
Page('http://www.windstudio.net');">设为首页</a>

加入收藏：
<a href="javascript:window.external.AddFavorite('http://www.windstudio.net', '
有风的日子·带给你一阵清新的设计风')">加入收藏</a>
十四.Q：在Dreamweaver中怎么连续加入空格？
     A： 1、插入中文的全角空格（在智能ABC方式下，按Shift+Space键切换）；
2、使用标记，1个标记代表一个空格；
3、使用Obejct面板中的Insert Non-Breaking Space。这个相当于插入一个标记。
4.shift + ctrl + 空格

十五.Q：如何制作细线表格？
     A：表格细线边框的做法

方法1：把表格的cellspacing设置为1，cellpadding和border均为0，分别填充表格的背景色
和单元格的背景色。举例如下：
<table width="550" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666
">
<tr bgcolor="#FFFFFF">
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td> </td>
</tr>
</table>

方法2：把cellspacing、cellpadding、border均设置为1，分别设定表格的边框色和内部单
元格的边框色，注意使内部单元格的边框色和网页背景色或表格背景色相同，这样内部的边
框看上去就和背景融为一体了。举例如下：
<table width="550" border="1" cellspacing="1" cellpadding="1" bordercolor="#66
6666">
<tr bordercolor="#FFFFFF">
<td> </td>
</tr>
<tr bordercolor="#FFFFFF">
<td> </td>
</tr>
</table>

方法3：用CSS定义表格的边框宽度为1个像素。先设置CSS类table1 { border-top: 0px; bo
rder-right: 0px; border-bottom: 0px; border-left:0px}，然后在<table>标签里添
加class="table1"。

方法4：做一个和表格等大的图片作为表格的背景，尤其当你想使表格边线有倒角时。
十六.Q：怎么样让在800*600分辨率下生成的网页在1024*768下居中显示？
     A：把页面内容放在一个宽为778的大表格中，把大表格设置为水平方向居中。宽度定
为778是为了在800*600下窗口不出现水平滚动条，你也可以根据需要进行调整。

如果要加快关键内容的显示，也可以把内容拆开放在几个竖向相连的大表格中~~

除了使用表格之外，你也可以把要居中的部分用<div align=center>和</div>标签
包围起来。

十七.Q：实现背景音乐的方法
     A：关于背景音乐的实现，相信你已经知道。这里提供更详细的参数，也许对你有用。
首先准备好一首MIDI音乐，背景音乐使用的HTML标记是：

<EMBED SRC="001.mid">

这个标记可以视你的需求，放在<BODY>和</BODY>之间的任何地方。在这个标记放置
的位置会出现一个类似媒体播放程式的图案，可以控制播放音乐或暂停。　　　　
例如说，我在下面写上这一行：

<EMBED SRC="001.mid" WIDTH=145 HEIGHT=60>

就会出现一个控制面版让你播放音乐，如果我要把音乐当作背景音乐来用，也就是不要显示
控制面板。而且一进入画面就要播放，然后一直重复。就要这样写：

<EMBED SRC="001.mid" HIDDEN=TRUE AUTOSTART=TRUE LOOP=TRUE>

关于<EMBED>还有很多其他的属性，我一一解说给你听：

SRC="档案名称和路径"
设定MIDI档案的路径。

AUTOSTART="TRUE / FALSE"
是否要在音乐档传完之后，就自动播放音乐。TRUE是要，FALSE是不要，预设值是不要。

LOOP="TRUE / FALSE / 整数"
设定是否要自动反覆播放，LOOP=2表示重复两次，若要无限次重复可用LOOP="TRUE"。

STARTTIIME="分:秒"
设定歌曲开始播放的时间，例如我想从这首歌第30秒的地方开始播放，就这样写STARTTIIME
="00:30"

ENDTIME="分:秒"
歌曲播放结束的时间，一般来说我们不必去设定歌曲开始和结束的时间，它会自动从头播放
到尾。

VOLUMEE="0-100"
设定音乐音量的大小，数值一定是0到100之间，如果不设定，就是使用者系统本身所设定的
音量大小。

WIDTH和HIGH="整数"
设定控制面版的宽度和高度。

ALIGN="TOP / BOTTOM / CENTER / BASELINE / LEFT /
RIGHT / TEXTTOP / MIDDLE / ABSMIDDLE /
ABSBOTTOM"
设定控制面板和旁边文字的对齐方式，跟<IMG>（插入图形的标记）所使用的属性是一样
的。

CONTROLS="CONSOLE / SMALLCONSOLE /
PLAYBUTTON / PAUSEBUTTON / STOPBUTTON /
VOLUMELEVER"
设定控制面板的样子，预设值是CONSOLE。

　　CONSOLE 一般正常的面板
　　SMALLCONSOLE 较小的面板
　　PLAYBUTTON 只显示播放按钮
　　PAUSEBUTTON 只显示暂停按钮
　　STOPBUTTON 只显示停止按钮
　　VOLUMELEVER 只显示音量调整钮

HIDDEN="TRUE"
如果写上这个属性的话，就会完全隐藏控制面板，但你也不能去设定控制面板的宽和高。

<EMBED>可以放在<BODY>和</BODY>之间的任何地方。记住：在这个标记放置的
位置会出现一个控制面板的图案，你可以视自己的需求，把它放在适当的位置，也可以使用
HIDDEN=TRUE将面板隐藏起来，配合AUTOSTART=TRUE当背景音乐使用。
十八．Q：如何在网页中加入前进和后退按钮？
      A： <a href="javascript:history.back()">后退</a>
          <a href="javascript:history.go()">前进</a>
如果要做按钮，把history.back()或history.go()写到<input>的onClick动作中就行了

十九．Q：如何在网页中实现开启和关闭一个弹出窗口？
      A：开启弹出窗口可以在DW中的behavior / open browser window中设置。

关闭窗口：
<a href=javascript:window.close()>关闭窗口</a>
注意，只有用JavaScript开启的窗口，才能用window.close()直接关闭，否则会出现确认是
否真正要关闭的对话框。

关闭窗口不弹出确认对话框的方法：
<html>
<head>
<object id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-
11cf-9377-00aa003b7a11">
<param name="Command" value="Close"></object>
</head>
<body>
<a href="#" onclick="closes.Click();">关闭窗口无提示</a>
</body>
</html>
~~ 二十.Q：怎样在网页中输入上下标？
     A：上标：<sup>……</sup>
下标：<sub>……</sub>

例如：CM<sup>2</sup>，其中的2就会以上标形式显示
二十一，如何实现首行自动缩进？
CSS样式表，实例代码如下：
<style type="css/text">
body,td,a {font-size:9pt}
p {text-indent:18pt}
</style>

ASP中五种连接数据库的方法 smart0294(smart) 1K 03.08.16 09:05
在 smart0294(smart) 的大作中提到：本文关键字：smart0294(天）

第一种 - 这种方法用在ACCESS中最多

strconn = "DRIVER=Microsoft Access Driver (*.mdb);DBQ=" & Server.MapPath("aspfre
e.mdb")

set conn = server.createobject("adodb.connection")

conn.open strconn

第二种－这种方法用在SQL SERVER中多

strconn = "Driver={SQL erver};Description=sqldemo;SERVER=127.0.0.1;UID=LoginID;&
_
PWD=Password;DATABASE=Database_Name

set conn = server.createobject("adodb.connection")

conn.open strconn

第三种

strconn="Driver={MicrosoftAccessDriver(*.mdb)};" &_

"DBQ=F:\Inetpub\wwwroot\somedir\db1.mdb;DefaultDir=f:\Inetpub\wwwroot\somedir;

&_ uid=LoginID;" &_

"pwd=Password;DriverId=25;FIL=MSAccess;" set conn = server.createobject("adodb.c
onnection")

conn.open strconn

第四种运用系统数据源

The following uses a Data Source Name:

set conn = server.createobject("adodb.connection")

conn.open "Example"

第五种运用ODBC数据源，前提是你必须在控制面板的ODBC中设置数据源

set rs = server.createobject("adodb.recordset")

rs.open "tblname", "DSNName", 3, 3

二十二.Q：网页中竖线的几种做法
       A： 1、用水平线做
一般水平线的是宽长高短<hr width="1000" size="1" color=#000000>，做竖线我们可
以反过来宽短高长，<hr width="1"size="1000" color=#000000>，怎么样？竖线出来了
吧？不过这个做法我发现好象有个BUG，就是高只能显示100px的，你设的再高也没用！

2、用表格做
（1）
<table width="1" border="1" bordercolor="#000000" height="1000" frame=rhs>
<tr>
<td style="border:none"></td>
</tr>
</table>
做法：先做出细线表格，然后……用frame可以控制表格只显示一边的线条，左右上下四条线
随便控制。想想，表格已经是细线表格了，现在我只要控制它显示一条边[这里我控制的是显
示右边的线条]，这样竖线就出来了！是不是？容易吧？

（2）
<table width="1" height=1000 border="0">
<tr>
<td width="1" bgcolor="#000000"><img src=empty width="1" height="1"></
td>
</tr>
</table>
这个做法也简单，把背景色设置一下，宽设1px，高度就随便你控制啦~注意表格中间的填充
！

（3）
定义表格的背景色，再改表格的width,height，然后去掉其中的“ ”。但这只能在ie
下看。如果要适合nc，就得再进行修改，有两种方法：
A：制作一个1×1px的透明图片将其插入。
B：在td中加入<spacer type=block height=1>或<spacer type=block width=1>

3、用层做
这是最简单的做法，做一个层，层的背景色是你要的竖线颜色，宽度是1px，长度随你！
<div id="Layer1" style="position:absolute; width:1px; height:200px; z-index:1;
background-color: #000000;layer-background-color: #000000; border: 1px none #00
0000; left: 143px; top: 263px"></div>

--
二十三.Q：网页中的虚线怎么做？
       A：做一个2*1的图片，一半有色彩，一半透明，存成透明GIF，然后把它设置成单元
格背景图，把单元格设置为高度为1，删除其中的代码即可实现横虚线效果。竖虚线依
此类推。
用CSS也可以办到，把border的属性设置为dotted，不过这种效果兼容性有限~~

加上一些ＦＬＡＳＨ的常见问题．

停留5s后播放:
stop();
function my_play() {
play();
}
setInterval( my_play, 5000 ); //停留5s后播放
--------------------------------------------------------------------------
前进十秒:（帧速度为12）
on (release) {
gotoAndPlay(_currentframe+120);
}
--------------------------------------------------------------------------
打字效果:
场景里插入一动态文本框，例:w
line type必须是multiline

第一帧
i = 0
text = "（//.........）"

第二帧
if (i<=length(text)) {i++;
w = substring(text, 1, i);}
else {stop();}

隔几帧后插入一关键帧
gotoandPlay(2)
--------------------------------------------------------------------------
Flash 只能导入采样比率为 11 kHz，22 kHz，或 44 kHz，8 位或 16 位的声音
--------------------------------------------------------------------------
/先让影片定格
movie.stop();
//暂停按钮
pause.onRelease = function() {
movie.stop();
//储存播放模式
play_status = "stop";
};
//顺播按钮
play_forward.onRelease = function() {
movie.play();
//储存播放模式
play_status = "forward";
};
//逆播按钮
play_back.onRelease = function() {
//储存播放模式
play_status = "back";
};
//实现逆播
this.onEnterFrame = function() {
if (play_status == "back") {
if (movie._currentframe == 1) {
//影片如果在第一帧就跳到最后一帧，实现循环
movie.gotoAndStop(movie._totalframes);
} else {
movie.prevFrame();
}
}
};
========================================================================
geturl()的全部代码是这样地：
on (release) {
getURL("http://www.flashempire.net";, "_blank");
}
其中：http://www.flashempire.net 是链接到的页面；
_blank是在新窗口中打开，
如果改成：_parent则是本窗口中打开，这与HTML是一样地！
========================================================================
Flash通过判断URL加密：
getURL("FSCommand:allowscale", "0");
if (_url != "URL") {
    _visible = 0
    getURL("FSCommand:quit", "");
========================================================================
乱码问题：
1。在首帧加system.usecodepage=true;
2。输出txt时格式为：unicode

posted on 2009-03-18 09:18 blue.net 阅读(634) 评论(0) 收藏举报

刷新页面返回顶部

BLUE.NET

公告