下载中心┊文章中心┊软件分类┊更新软件┊推荐下载┊热门软件┊更新文章┊热门文章
 
《拓文asp.net网站内容管理系统》官方演示站。
 设为首页    
 收藏本站
 作者:黄振安
 
网站首页 开源拓文 .NET编程 网站编程 网页设计 图形图像 数据库 软件工程留言本
    站内搜索:   
您现在的位置: 拓文网络 → 文章中心 → 网页设计 → HTML → 总结网页代码常用小技巧,网页制作必学[正文]

热 门 文 章

相 关 文 章
  • 将Word文档转化为HTML格式的文档
  • DHTML Scriptlet
  • DHTML的初步入门
  • 什么是DHTML(动态HTML)
  • 认识DHTML中的“行为”组件
  • 网页代码常用小技巧总结续,网...
  • 优秀网页的6个好习惯,网页制作学习
  • HTML表格使用从入门到精通
  • 总结网页代码常用小技巧,网页制作必学
     
    [作者:不详    转贴自:不详    点击数:    字体:【大 中 小】    更新时间:2006-3-2 10:08:54]

      22,如何让一张图片有浅到深的渐变。

    〈SCRIPT language=javascript1.2〉
    〈!--
    function high(which2){
    theobject=which2
    highlighting=setInterval("highlightit(theobject)",50)
    }
    function low(which2){
    clearInterval(highlighting)
    which2.filters.alpha.opacity=40
    }
    function highlightit(cur2){
    if (cur2.filters.alpha.opacity〈100)
    cur2.filters.alpha.opacity+=10
    else if (window.highlighting)
    clearInterval(highlighting)
    }
    〈/script〉
    〈img onmouseout=low(this) onmouseover=high(this) style="FILTER: alpha(opacity=40)"src="logo.gif" 〉

      23,双击鼠标左键来滚动背景,单击停止。

    〈SCRIPT language=javascript〉
    var currentpos,timer;
    function initialize()
    {
    timer=setInterval("scrollwindow()",16);
    }
    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〉

      24,如何在同一页面设置不同文字链接效果的样式.

    代码如下:
    〈HTML〉〈HEAD〉〈TITLE〉如何在同一页面设置不同文字链接效果的样式〈/TITLE〉
    〈meta http-equiv="Content-Type" content="text/html; charset=gb2312"〉
    〈style type="text/css"〉
    〈!--
    a:hover { font-size: 9pt; color: #FF0000; text-decoration: underline}
    a:link { font-size: 9pt; color: #006699; text-decoration: underline}
    a:visited { font-size: 9pt; color: #006699; text-decoration: underline}
    a:active { font-size: 9pt; color: #FF0000; text-decoration: none}
    a.r1:hover { font-size: 9pt; color: #FF0000; text-decoration: underline overline}
    a.r1:link { font-size: 9pt; color: #000000; text-decoration: underline overline}
    a.r1:visited { font-size: 9pt; color: #99CC00; text-decoration: underline overline}
    a.r1:active { font-size: 9pt; color: #000000; text-decoration: underline overline}
    --〉
    〈/style〉
    〈/head〉
    〈body bgcolor="#FFFFFF" text="#000000"〉
    〈a href="#"〉下划线链接 〈/a〉
    〈p〉〈/p〉
    〈a href="#" class="r1"〉双下划线链接〈/a〉
    〈/BODY〉
    〈/HTML〉
    补充说明:
    a:hover 表示鼠标划过时的样式.
    a:link 表示链接的样式.
    a:active 表示当前活动连接的样式.
    a:visited 表示已经访问过的连接的样式.

      25, 用CSS给文字加入阴影效果和文字描边效果。

    .glow{FONT-SIZE: 9pt; FILTER: Glow(Color=#000000, Strength=1)}
    //文字描边效果
    .shadow {FONT-SIZE: 9pt; FILTER: DropShadow(OffX=1, OffY=1, DropShadow(OffX=1, OffY=1, color:#111111); COLOR: #ffffff; FONT-FAMILY: "宋体"}
    //加入阴影效果
    补充说明:
      这两种滤镜要想实现效果,必须加在如:〈td class=glow或shadow 〉〈div〉xxxxxxxxx〈/div〉〈/td〉上
    ,并且要留有足够的空间能够显示阴影或描边,否则会出现半截的阴影或描边现象。

      26,如何给做带颜色的下拉菜单。

    〈select style="FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana;BACKGROUND-COLOR: #ff6600;" size=1 〉
    〈option selected〉:: Dreamweaver4 ::〈/option〉
    〈option〉::Flash5::〈/option〉
    〈option〉::Firewoks4::〈/option〉
    〈/select〉

      27,关于DW4的表格中的亮边框和暗边框问题。

    在DW4的表格面板中并没有亮边框和暗边框的属性设置,因为NC不支持,只有你在代码中添加了。
    bordercolorlight="#999999" bordercolordark="#000000"
      你也可以用Css定义一个class。例如:
    〈style〉
    .bordercolor { bordercolorlight: #999999; bordercolordark: #000000 }
    〈/style〉
      然后在要加效果的表窭锛?lt;table class="bordercolor"〉

      28,自动显示主页最后更新日期.

    〈script〉
    document.write("最后更新日期:"+document.lastModified+"")
    〈/script〉

      29,如何让滚动条出现在左边?

    我想居然在论坛中有人发表了这段代码,很有意思,它的确照顾一些左撇子,呵呵!
    〈html dir="rtl"〉
    〈body bgcolor="#000000" text="#FFFFFF"〉
    〈table height=18 width=212 align=center bgcolor=#FFFFFF dir="ltr" cellspacing="1"  cellpadding="0"〉
    〈tr〉
    〈td bgcolor="#FF0000" 〉是不是你的滚动条在左边啊〈/td〉
    〈/tr〉
    〈/table〉
    〈/body〉
    〈/html〉

      30,如何加入网址前面的小图标?

      首先,您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以 .ico 作为扩展名。你可用在网上找一个制作图标软件,它具有特有的规格:图标的大小为 16 * 16(以像素为单位);颜色不得超过 16 色。在该网页文件的 HEAD 部分加入下面的内容:〈LINK REL="SHORTCUT ICON" HREF=" http://www.webjx.com/图标文件名"〉,并放在该网页的根目录下。

      31,在800*600显示器中,如何不让网页水平出现滚动条!

    设至〈body leftmargin="0" topmargin="0"〉,网页中的表格宽度为778。

      32,关于〈!DOTYPE〉的说明解释。

    在网页中,经常会看到〈!DOCTYPE HTML PUBLIC`-//W3C//DTD HTML 4.01//EN`〉,是声明HTML文件的版本信息。
    页次:4/6  1篇/页  首页   上一页   下一页   尾页  合计 6 篇 Go:

     
    上一篇:实现网页渐入特殊效果
    下一篇:网页代码常用小技巧总结续,网...
    winner 打印本页 关闭窗口

         文 章 评 论
    评论人 查看该文章的评论 发表时间
       笔 名* : 0 50分 60分 70分 80分 90分 100分
    评论内容 *: (最多600字。当前字数:0)


    没有相关评论,欢迎您参与!

    - 关于本站 - 网站帮助 - 下载声明 - 友情连接 - 网站地图 -
    Copyright © 2005-2006 myTopWin.Com. All Rights Reserved . [桂ICP备06004496号]