值得收藏的东东 50条网页制作小技巧集锦

控制横向和纵向滚动条的显隐?
<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显

--------------------------------------------------------------------------------
 表格变色
<TD onmouseover="this.style.backgroundColor='#FFFFFF'" 
onmouseout="this.style.backgroundColor=''"
style="CURSOR: hand"> 
--------------------------------------------------------------------------------
 禁止复制,鼠标拖动选取
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false> 
--------------------------------------------------------------------------------
 普通iframe页面
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

--------------------------------------------------------------------------------
 iframe自适应高度
<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight" ></iframe> 
--------------------------------------------------------------------------------
 IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标
<link rel="Shortcut Icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico"> 
--------------------------------------------------------------------------------
 字号缩放
越来越多的人长时间的泡网,眼镜的普及率也越来越高,让文字大点,让更多的用户看的更清楚。
<script type="text/javascript">
function doZoom(size)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>
<span id="zoom">需要指定大小的文字</span>
<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a> 
--------------------------------------------------------------------------------
 select挡住div的解决方法 
在div里加入下面的代码,根据需要调整就可以了。

时间: 2024-09-25 12:25:59

值得收藏的东东 50条网页制作小技巧集锦的相关文章

网页制作小技巧

技巧|网页 网页制作小技巧之二 如何使同一页中的超文本链接呈现不同的颜色 通常在网页的<body>中设置连接的颜色,如:<body link="#FF00FF" vlink="#FF0000" alink="#008080"> 其中:link -- Hyperlink(连接)的颜色 vlink-- visited Hyperlink(已访问过的连接)颜色 alink-- active Hyperlink (当前活动的连接)

网页制作小技巧:揪出网页无效链接

技巧|链接|网页 在我们浏览网站的时候,一定都遇到过页面上带红叉的无效图片或者"无法找到网页"的提示,出现如此现象一般都是因为链接文件的位置发生变化.被误删除或者文件名的拼写错误造成的.为了避免出现无效链接的尴尬,树立良好的网站形象,当我们完成一个网站的设计制作后,一定要认真地检查是否存在失效链接,以便及时修改. 将无效链接扼杀在上传前 为了预防网站上传后出现无效链接,在上传前我们可以使用FrontPage2003的超链接报表功能来检查整个网站的链接情况,如果遇到无效链接还可以及时编辑

网页制作小技巧:巧用网页显示硬盘内容

技巧|网页|显示|硬盘     您听说过网页也能用来显示硬盘内容吗?您肯定不信,因为大多数情况下,我们都是通过"我的电脑"和"资源管理器"来浏览硬盘数据.现在就让我们来看看如何用下面一小段"神奇"的网页代码实现硬盘E盘数据的显示功能.你也一定等急了,很想知道这一切是如何发生的.其实非常简单,只需在网页的<head>和</head>中加入如下网页源代码即可实现.相信我,你也能做到的.<?xml:namespace pr

网页制作小技巧之教怎样用好Dreamweaver

dreamweaver|技巧|网页 在互联网络高速发展的今天,有很多网虫都把"家"安在了网上.这样大家对DREAMWEAVER都不陌生, 怎样才能用好DREAMWEAVER呢?在这里我要向大家介绍几种DREAMWEAVER的技巧: 1)仅仅拷贝文字 当我们从Dreamweaver中拷贝文字到另一个应用程序的时候,HTML代码和文字一起被拷贝过去了.一般我们都用快捷键Ctrl - C来拷贝, 如果在拷贝的时候多按一个C键则只会拷贝选中的文字. 2)改变 Dreamweaver 文档显示大

网页制作小技巧:编写整洁的HTML代码的原则

文章描述:Web前端:11个让你代码整洁的原则. 写Web页面就像我们建设房子一样,地基牢固,房子才不会倒.同样的,我们制作Web页面也一样,一个良好的HTML结构是制作一个美丽的网站的开始,同样的,良好的CSS只存在同样良好的HTML中,所以一个干净的,语义的HTML的优点很多,那么平时制作中,我们做到了这一点吗?我们一起来看一张图片: 上图展示了两段代码,我想大家都只会喜欢第一种,我们先不说其语义,至少他的结构让我们看上去清爽,而第二种呢?一看就是糟糕的代码的代码,让人讨厌的代码.那么要怎么

网页制作小技巧:如何去掉超链接的下划线

我们可以用CSS语法来控制超链接的形式.颜色变化. 下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色. 实现方法很简单,在源代码的和之间加上如下的CSS语法控制: <style type="text/css">  <!--  a:link { text-decoration: none;color: blue}  a:active { text-decoration

40种网页常用小技巧

技巧|网页 下面是javascript的40个网页常用小技巧,对网站开发人员相信会有帮助. 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取

网页设计小技巧:解决IE6不支持hover

文章简介:网页设计小技巧:解决IE6不支持hover.  IE6以及更低版本的浏览器对":hover"的支持不理想,对于类似的"p:hover"."img:hover"."#header:hover"...,今天给大家介绍一种新的方法,可以完美解决IE6不支持hover的情况,用法很简单,将下载后的"csshover.htc"文件,定义在body样式内 body { behavior:url("c

网站建设网页设计小技巧分享

网站建设网页设计小技巧分享.在网站建设的过程中我们会遇到很多问题,我们也会去解决各类问题.无论是网站设计还是代码编写.今天针对网站建设过程中我们会遇到的一些小问题,并给出一些简单的解决办法. Ie6不支持Png格式下的透明.效果图如下: 应用解析:有不少人都会对LOGO进行透明处理以融入head部分的渐变背景. 解决方案:采用JS代码实现或CSS滤镜功能,当然问题也存在部分,导致图片质成像量不高. 小技巧1:将透明的LOGO用高于IE6的浏览器打开网页,然后采用FF的PearlCrescentP