分类: Html&Css预览模式: 普通 | 列表

自定义网页滚动条

一直没怎么用过,只支持IE,今天用了下,顺便收藏了 图例:

参考:
http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollbarColor.htm ;

说明:

查看更多...

Tags: 滚动条

分类:Html&Css | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 33

进入网页加入渐显切换效果

HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

查看更多...

Tags: 渐显切换

分类:Html&Css | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 114
HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

查看更多...

Tags: 垂直居中 水平居中

分类:Html&Css | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 126

做网页常用的三种注释方法

网页中良好的注释,会让你的网页清晰可读,方便修改和供他人使用。本文只列举最常用的方法,思路会有些局限,待日后补充。

一、css的注释方法
程序代码 程序代码
<style type="text/css">
/* css的注释方法*/
</style>

查看更多...

Tags: 注释

分类:Html&Css | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 96

免激活Flash(透明) JS代码

JS代码:
程序代码 程序代码
// JavaScript Document
function swf(){
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="700" height="250">');
document.write('<param name="movie" value="images/images/1.swf"><param name="quality" value="high"><param name="menu" value="false">');
document.write('<param name="wmode" value="transparent">');

查看更多...

Tags: FLash 激活 虚线框

分类:Html&Css | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 818

两款导航条代码

HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

查看更多...

Tags: 导航条

分类:Html&Css | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 737

正确使用position属性

  Position的英文原意是指位置、职位、状态。也有安置的意思。在CSS布局中,Position发挥着非常重要的作用,很多容器的定位是用Position来完成。

  Position属性有四个可选值,它们分别是:static、absolute、fixed、relative。我们下面来共同学习它们的不同的用法,在学习中我们应该去思考在什么布局情况下,应该使用它们其中的哪一种。

  position:static 无定位
  该属性值是所有元素定位的默认情况,在一般情况下,我们不需要特别的去声明它,但有时候遇到继承的情况,我们不愿意见到元素所继承的属性影响本身,从而可以用position:static取消继承,即还原元素定位的默认值。

查看更多...

Tags: position css

分类:Html&Css | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 712

一些Div+Css命名规范

1、一些DIV+CSS命名规范
外套:            wrap
主导航:        mainnav
子导航:        subnav
页脚:            footet
整个页面:        content

查看更多...

Tags: 命名规范

分类:Html&Css | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 855

阻止机器人搜索你的邮址的方法

HTML代码


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

  我们看到:在上面显示中,电子邮件是正常的。但是Robot和查看源代码却只能找到:moc.361@93kll!

注释:
程序代码 程序代码
unicode-bidi      版本:CSS2  兼容性:IE5+ 继承性:无
--------------------------------------------------------------------------------

查看更多...

Tags: 机器人

分类:Html&Css | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 796

表单提交到弹出窗口

程序代码 程序代码
<form action="formParser.asp" method="POST" target="newFormWindow" onsubmit="window.open('about:blank', 'newFormWindow', 'width=340,height=260');">
.....
</form>

查看更多...

Tags: 弹出窗口

分类:Html&Css | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 931