HTML知识与网页制作小知识

      宝贝多 2004-12-27 20:21
1.HTML基础知识
HTML语言入门


2.如何取消超链接的下划线?
用CSS定义,A:link {color:#000000; TEXT-DECORATION: none}

或者

请将以下代码拷贝至页面的<head>与</head>之间:
<style>
A {text-decoration: NONE}
</style>


3.滚屏显示
当网页中有长篇文章时,浏览起来就比较吃劲了,想想一边忙着拖动滚动条,一边忙着浏览,确实挺累人的。为了客人能够轻松的浏览,我们可以使用script代码实现网页的自动滚屏,当双击网页的时候,网页将会自动向下滚动,再次单击时滚动停止。将下面的代码插入到<body> </body>之间。


<script language"javascript">
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</script>


4.增强链接的力度

请将以下代码拷贝至页面的<head>与</head>之间:
<style>
A:hover {font-weight: bold }
</style>


5.链接雾化效果

请将以下代码拷贝至页面的<head>与</head>之间:
<style>
A:hover {FILTER: blur (add="0",direction="90",strength="5"); COLOR:#ffffff; HEIGHT: 0px;}
</style>

注:代码中的数值都是雾化的强度之类,可自行设定~


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


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

background-position:center;background-attachment: fixed}
</STYLE>
标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commentauthor}
{commentauthor}
{commenttime}
{commentnum}
{commentcontent}
作者:
{commentrecontent}