常用网站源代码小功能总结
一、跑马灯文字或图
<Marquee Scrollamount = "8">跑马灯文字或图片</marquee>
注:scrollamount="8",数字8为文字移动的速度
二、从某表格上调用P1_6记录
<%=(webol.Fields.Item("P1_6").Value)%>
等同于:
<%=(webol("P1_6"))%>
注:从 " webol " 表格上调用" P1_6 "记录
三、表格内的文字不换行
<td Style = "Text-OverFlow:ellipsis; Word-Break:Keep-all; White-space:nowrap; "> td表格文字不换行 < /td >
注:使表格内的文字不换行
四、asp页面中调用其他网站的页面,获取其他页面的相应内容
<div style=" ">
<Iframe AllowTransparency= true src="http://www.163.com" Scrolling="no" Border="0" MarginWidth="1" MarginHeight="1" height="200" Width="830" > ****
</iFrame>
</div>
注:从“www.163.com”网站获取(高:200 ;长:830)内容至A页面显示
五、网页引用CSS样式
<link rel="stylesheet" type="test/css" href="css/font.css">
或:
<link href="css/font.css" rel="stylesheet" type="test/css" />
注:网页引用CSS("css/font.css")文件(该CSS文件为外部文件)
六、A网页调用B网页的内容
ASP中的应用:
<! - - # include file="include\header.asp" - ->
PHP中的应用:
<?php include("include\header.php")?>
注:<! - - 被包含文件与文件存在于相同目录中 - -> → A网页+<该片段代码> 可调用B网页内容
七、CSS背景图片放到最顶端居中,不重复
body {
background:#FFF url(图片地址) no-repeat 50% 0;
}
<Marquee Scrollamount = "8">跑马灯文字或图片</marquee>
注:scrollamount="8",数字8为文字移动的速度
二、从某表格上调用P1_6记录
<%=(webol.Fields.Item("P1_6").Value)%>
等同于:
<%=(webol("P1_6"))%>
注:从 " webol " 表格上调用" P1_6 "记录
三、表格内的文字不换行
<td Style = "Text-OverFlow:ellipsis; Word-Break:Keep-all; White-space:nowrap; "> td表格文字不换行 < /td >
注:使表格内的文字不换行
四、asp页面中调用其他网站的页面,获取其他页面的相应内容
<div style=" ">
<Iframe AllowTransparency= true src="http://www.163.com" Scrolling="no" Border="0" MarginWidth="1" MarginHeight="1" height="200" Width="830" > ****
</iFrame>
</div>
注:从“www.163.com”网站获取(高:200 ;长:830)内容至A页面显示
五、网页引用CSS样式
<link rel="stylesheet" type="test/css" href="css/font.css">
或:
<link href="css/font.css" rel="stylesheet" type="test/css" />
注:网页引用CSS("css/font.css")文件(该CSS文件为外部文件)
六、A网页调用B网页的内容
ASP中的应用:
<! - - # include file="include\header.asp" - ->
PHP中的应用:
<?php include("include\header.php")?>
注:<! - - 被包含文件与文件存在于相同目录中 - -> → A网页+<该片段代码> 可调用B网页内容
七、CSS背景图片放到最顶端居中,不重复
body {
background:#FFF url(图片地址) no-repeat 50% 0;
}
八、层“ DVI_A ”为背景区域,层“ DVI_B ”为内容区域(且相对DVI_A层居中对齐)
<style>
.banner_A{ background-colcor: #CCC; }
.banner_B{
Margin:0 auto; → 注释:侧边的自动值与宽度结合使用,可以见布局居中对齐
background-colcor: #FFF;
Width: 1000 px;
Height: 99 px;
OverFlow: Hidden;
}
</style>
<div id="banner" class="banner_A">
<div class="banner_B"> 标题 </div>
</div>
九、层内容居中对齐(ABC相对层左右边缘居中对齐)
<div align="center"> ABC </div>
十、JS的引用
<script type = " text/javascript " src = " ../js/ibanner.js "></script>
十一、【按钮A】【按钮B】在同一个位置框内切换显示(选项卡切换)
<a href="A.asp" target="about">
【按钮A】
</a>
<a href="B.asp" target="about">
【按钮B】
</a>
<iFrame Width="1000" height="500" name="about" scrdling="auto" src="A.asp">
</iFrame>
注:当点击【按钮A】在C框中显示【按钮A】的内容信息,【按钮B】的内容不显示;
或点击【按钮B】在C框中显示【按钮B】的内容信息,【按钮B】的内容不显示;