设计资源

网页设计小技巧

1,禁止点先页面内容的代码:
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false"  onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">
...
</body>
2.在IE6中浏览器会自作多情的在图片的地方出现一些东本,如下图红线部分:
点击浏览该文件


让我们来去掉它:
<IMG SRC="images/CHOICE2.GIF" HEIGHT="36" WIDTH="36" GALLERYIMG="no">

红字部分:GALLERYIMG等于no或是false,都可以达到同样的效果!
响应鼠标事件的表格背景颜色改变。
<td onMouseover="this.style.background=颜色A" onMouseout="this.style.background=颜色B" onClick="location.href=目的网页.htm" height="32" bgcolor="#EFF3FA" class="type">

红色部分代码:鼠标移上表格,表格背景颜色变为颜色A。
绿色部分代码:鼠标移出表格,表格背景颜色恢复为颜色B。
蓝色部分代码:鼠标在表格上单击,网页转向到目的网页.htm。
棕色部分代码:为CSS。倘若你将起鼠标样式设为hand,那么就更完美了。

注:颜色A,颜色,目的网页.htm要加上单引号!

制作边框为一个像素的表格的方法之一(利用表格间距)
<table width="100" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
  <tr bgcolor="#FFFFFF">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr bgcolor="#FFFFFF">
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

其中
红色代码部分:为单元格间距。
蓝色代码部分:表格背景色。
绿色代码部分:单元格背景色。
制作背景颜色渐变的网页~

点击浏览该文件


ok,上面的图片相信大家看到了,如果没有看到就使劲看~ 因为它的大小是1*1100。将这张图片保存到你的机器中。

现在,来建立一个网页文件,设置网页背景图片为我们刚才保存的那张图片,然后在网页中插入一个表格,设置表格背景色为白色,宽度为750像素,高度为1050像素,保存。

在浏览器中浏览,你就会看到一个背景渐变的网页。

ok,现在在你的浏览器中打开http://www.macromedia.com,看一下,它的网页背景渐变是不是和我们的一样呢?因为上面的图片,就是我在这里另存下来的~

试一下,用下面两张图片来替换楼上的图片做网页背景~

点击浏览该文件


点击浏览该文件


绝对与浏览器边框无缝隙的网页效果
绝对与浏览器边框无缝隙的网页效果
<body bgcolor=menu style="border:none" scroll=no>

超连接打开我的电脑,我的文档,网上邻居等
<A href="file:///::{208D2C60-3AEA-1069-A2D7-08002B30309D}"
target=_blank>网上邻居</A></P>
<P><A href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}"
target=_blank>我的电脑</A></P>
<P><A href="file:///::{450D8FBA-AD25-11D0-98A8-0800361B1103}"
target=_blank>我的文档</A></P>
<P><A href="file:///::{645FF040-5081-101B-9F08-00AA002F954E}"
target=_blank>回收站</A></P>
<P><A
href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}/::{21EC2020-3AEA-1069-A2DD-08002B30309D}"
target=_blank>控制面板</A>

>>想建设网站请点这里 TOP
南京网站建设 南京网站建设公司 南京网页设计 南京网站推广 南京网站设计
Copyright© 2004 reeyee™ All rights reserved.