网页制作技巧：去滚动条、禁缓存与CSS控制

133 浏览量更新于2024-08-31 收藏 107KB PDF 举报

在网页制作中，代码的运用是至关重要的，本文将探讨几个关键的代码技巧，帮助你更好地控制页面样式、交互以及性能优化。 1. **去除滚动条** - 要去掉主页右面的滚动条，可以使用 `<body>` 标签的 `scroll` 属性设置为 "no" 或者通过 CSS 伪类 `overflow-y: hidden;` 来隐藏垂直滚动条。这两种方法都能阻止用户在该区域滚动，使页面看起来更整洁。 2. **禁用页面缓存** - 避免调用缓存内容，可以在 `<head>` 标签中添加 `<meta>` 标签，设置 `http-equiv="Pragma"` 的 `content="no-cache"`，这样每次请求都会重新加载页面资源，而非从缓存读取。 3. **防止右键菜单** - 右键菜单的弹出可以通过 JavaScript 事件处理函数来阻止，如 `<body oncontextmenu="return false;">`，这能防止用户在页面上执行复制、粘贴等操作。 4. **CSS选择器应用** - 对不同链接的CSS样式进行控制，可以使用CSS伪类选择器，如 `a:active`, `a:link`, `a:visited`, 和自定义类选择器，例如 `.1:active` 等，来实现不同的鼠标悬停效果。 5. **电子邮件表单提交** - 如果你想创建一个用于发送电子邮件的表单，可以使用 `<form>` 标签配合 `method="post"` 和 `action="mailto:"`，指定接收者的邮箱地址，如 `action="mailto:webmaster@jb51.net"`，并确保表单数据以纯文本形式发送。 6. **层与 Flash** - 通过设置 Flash 的参数 `wmode="transparent"`，可以让 Flash 渲染与页面背景颜色相同，从而达到遮盖其他元素的效果。同时，使用 JavaScript 的 `body onblur` 事件可以在失去焦点时重新聚焦 Flash，增强用户体验。 7. **响应式设计** - 为了根据屏幕分辨率调整页面布局，可以利用 JavaScript 事件如 `onclick`，在用户点击时检测屏幕分辨率，例如 `alert("你的显示分辨率为: " + screen.width + "×" + screen.height)`，然后根据实际尺寸显示不同版本的页面内容。这些代码片段展示了网页制作中常见的实用技巧，理解并熟练运用它们能够提升网页的用户体验和性能。学习和掌握这些代码，可以帮助你更好地构建适应各种设备和场景的动态网站。

网页制作有用的代码网页制作有用的代码

请问如何去掉主页右面的滚动条？********************************怎样不使用页面的缓存？即每一次打开页面时不

是调用缓存中的东西

请问如何去掉主页右面的滚动条？

********************************

怎样不使用页面的缓存？即每一次打开页面时不是调用缓存中的东西

********************************

请问如何忽视右键?

********************************

怎样在同一页面内控制不同链接的CSS属性?

a:active{}

a:link{}

a:visited{}

a.1:active{}

a.1:link{}

a.1:visited{}

在DW的CSS中定义一个新的标示，按照HTML的语法，超级连接得是

A.YOURS：LINK A.YOURS：HOVER

YOURS可以改作你自己的字

然后在选中某个连接后，在CSS面版中点中YOURS即可。

按需要，你可以定义N个标示，N种鼠标OVER的效果

********************************

电子邮件处理提交表单

</form>

********************************

有没有可能用层来遮住FLASH？

1.在flash的parameters里加入 <param name="wmode" value="transparent">

2.<body onblur=self.focus()>

********************************

如何根据屏幕分辨率调用相对应的页面？

onclick=alert("你的显示分辩率为:" screen.width "×" screen.height)

先做好几个页面，比如一个htm1.htm是800*600，一个是htm2.htm是1024*768的

然后在你的入口页面 index.htm 中判断：

<html>

<head>

<!--

function mHref() {

if (screen.width == 1024) location.href = "htm2.htm";

else if (screen.width == 800) location.href = "htm1.htm";

else return(false);

}

//-->

</script>

</head>

</body>

</html>

********************************

如何弹出只有状态栏的窗口？

<html>

<head>

<title>open() close()</title>

<!--

function openWin()

{

var newWin=open("","","menubar=1,height=200");

下载后可阅读完整内容，剩余5页未读，立即下载

weixin_38530115

粉丝: 9
资源: 960

网页制作技巧：去滚动条、禁缓存与CSS控制

大学生网页设计大作业成品源代码模板 - 多网页设计制作作品任选

web前端网页设计作品web期末大作业web前端作业网页制作代码web大作业制作网页代码

一个简单的网页制作期末作业，学生个人html静态网页制作成品代码

基于HTML+CSS制作一个简单的家乡网页制作作业，广州介绍旅游网页设计代码 学生个人html静态网页制作成品代码

网页设计与制作代码

网页制作常用代码

网页制作视频代码

大学生环境保护网页作品 环保网页设计作业模板 学生网页制作源代码下载

网页设计 制作静态网页代码

网页制作代码

最新资源

基于HTML+CSS制作一个简单的家乡网页制作作业，广州介绍旅游网页设计代码学生个人html静态网页制作成品代码

大学生环境保护网页作品环保网页设计作业模板学生网页制作源代码下载

网页设计制作静态网页代码