日志内容

2007-07-20把图像热区跟链接关联起来

TAG:HTML 笔记

在《Sample XHTML 1.0 document》里看到图像热区也可以跟链接关联到一起,即点热区和点链接是一样的地址。看下具体的玩法。

正常的玩法:
=========================HTML===================================
<img src=”dot.png” alt=”image” usemap=”#map” height=”40″ width=”40″ />
<div> <map xml:lang=”en” dir=”ltr” id=”map” class=”map” title=”map” name=”map” lang=”en”> <area href=”#grouping.heading” id=”area” class=”area” title=”area” xml:lang=”en” dir=”ltr” shape=”rect” coords=”0,0,19,19″ alt=”Grouping elements: div and span” tabindex=”5″ lang=”en” /> <area href=”#” shape=”rect” coords=”20,0,39,20″ alt=”Headings: h1, h2, h3, h4, h5, h6″ tabindex=”6″ /> <area href=”#” shape=”rect” coords=”0,20,20,39″ alt=”Address: address” tabindex=”7″ /> <area shape=”rect” coords=”20,20,39,39″ nohref=”nohref” /> </map></div>
===============================================================
关联链接:
=========================HTML===================================
<img src=”dot.png” alt=”image” usemap=”#map2″ height=”40″ width=”40″ />
<div> <map xml:lang=”en” dir=”ltr” id=”map2″ class=”map” title=”map” name=”map2″ lang=”en”>
<ul>
<li><a href=”#” shape=”rect” coords=”0,0,19,19″>Grouping elements: div and span</a></li>
<li><a href=”#” shape=”rect” coords=”20,0,39,20″>Headings: h1, h2, h3, h4, h5, h6</a></li>
<li><a href=”#” shape=”rect” coords=”0,20,20,39″>Address: address</a></li>
</ul>
</map></div>
===============================================================


2007-03-29[原]对非IE浏览器使用条件注释

TAG:HTML 原创

IE条件注释很多人都知道了,今天才知道,原来它也可以对非IE的浏览器起作用。嘿嘿,想知道吧。

 我们所认识的IE条件注释是这样的:

==============HTML===============
<!--[if IE]> IE的内容<![endif]-->
================================= 

看这个了解一下:IE条件注释参考

如果是非IE的浏览器,会把这一段也当成一个注释,当然也就不会起作用了。所以要这样写:

==============HTML===============
<!–[if IE]><![if !IE]><![endif]–> 非IE可见 <!–[if IE]><![endif]><![endif]–>
================================= 

这样非IE的浏览器就可以读到里面的内容,而IE则因为里面的条件为真而不显示内容。

例子在这:猜猜你用的浏览器是?


2006-06-14[原]用menu标签制作CSS菜单

TAG:HTML 原创
现在很多人都用CSS制作导行菜单,像使用“滑动门技术”之类的方法,但都是使用了无序列表ul标签,其实HTML的标签里还有专门为菜单而设计的标签menu标签。 用法很简单,就像使用ul一样,只是把ul标签换成了menu标签,像这样: -----------------------------HTML---------------------------------
  • 菜单项1
  • 菜单项2
  • 菜单项3
  • 菜单项4
  • --------------------------------------------------------------------- 而样式的写法也跟原来的差不多,只是把对ul标签的定义改成对menu标签就行。 注:menu标签不是标准推荐的标签!!

    2006-02-27WEB打印大全

    TAG:HTML 代码分享

    1、控制"纵打"、 横打”和“页面的边距。
    (1)<script defer>
    function SetPrintSettings() {
     // -- advanced features
     factory.printing.SetMarginMeasure(2) // measure margins in inches
     factory.SetPageRange(false, 1, 3) // need pages from 1 to 3
     factory.printing.printer = "HP DeskJet 870C"
     factory.printing.copies = 2
     factory.printing.collate = true
     factory.printing.paperSize = "A4"
     factory.printing.paperSource = "Manual feed"

     // -- basic features
     factory.printing.header = "This is MeadCo"
     factory.printing.footer = "Advanced Printing by ScriptX"
     factory.printing.portrait = false
     factory.printing.leftMargin = 1.0
     factory.printing.topMargin = 1.0
     factory.printing.rightMargin = 1.0
     factory.printing.bottomMargin = 1.0
    }
    </script>

    (2)
    <script language="javascript">
      function printsetup(){
      // 打印页面设置
      wb.execwb(8,1);
      }
      function printpreview(){
      // 打印页面预览
        
      wb.execwb(7,1);
         
        
      }

      function printit()
      {
      if (confirm(’确定打印吗?’)) {
      wb.execwb(6,6)
      }
      }
      </script>
    </head>
    <body>
    <OBJECT class id="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"

    height=0 id=wb name=wb width=0></OBJECT>
    <input type=button name=button_print value="打印"

    onclick="javascript:printit()">
    <input type=button name=button_setup value="打印页面设置"

    onclick="javascript:printsetup();">
    <input type=button name=button_show value="打印预览"

    onclick="javascript:printpreview();">
    <input type=button name=button_fh value="关闭"

    onclick="javascript:window.close();">

    ------------------------------------------------
    关于这个组件还有其他的用法,列举如下:
    WebBrowser.ExecWB(1,1) 打开
    Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口
    Web.ExecWB(4,1) 保存网页
    Web.ExecWB(6,1) 打印
    Web.ExecWB(7,1) 打印预览
    Web.ExecWB(8,1) 打印页面设置
    Web.ExecWB(10,1) 查看页面属性
    Web.ExecWB(15,1) 好像是撤销,有待确认
    Web.ExecWB(17,1) 全选
    Web.ExecWB(22,1) 刷新
    Web.ExecWB(45,1) 关闭窗体无提示

    2、分页打印
    <HTML>
    <HEAD>
    <STYLE>  
      P {page-break-after: always}
    </STYLE>
    </HEAD>
    <BODY>
    <%while not rs.eof%>
    <P><%=rs(0)%></P>
    <%rs.movenext%>
    <%wend%>
    </BODY>
    </HTML>

    3、ASP页面打印时如何去掉页面底部的路径和顶端的页码编号
    (1)ie的文件-〉页面设置-〉讲里面的页眉和页脚里面的东西都去掉,打印就不出来了。
    (2)<HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="YC">
    <script language="VBScript">
    dim hkey_root,hkey_path,hkey_key
    hkey_root="HKEY_CURRENT_USER"
    hkey_path="\Software\Microsoft\Internet Explorer\PageSetup"
    ’//设置网页打印的页眉页脚为空
    function pagesetup_null()
      on error resume next
      Set RegWsh = CreateObject("WScript.Shell")
      hkey_key="\header"  
      RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""
      hkey_key="\footer"
      RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""
    end function
    ’//设置网页打印的页眉页脚为默认值
    function pagesetup_default()
      on error resume next
      Set RegWsh = CreateObject("WScript.Shell")
      hkey_key="\header"  
      RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&w&b页码,&p/&P"
      hkey_key="\footer"
      RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&u&b&d"
    end function
    </script>
    </HEAD>

    <BODY>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/><p align=center>
    <input type="button" value="清空页码" onclick=pagesetup_null()> <input type="button" value="恢复页吗" onclick=pagesetup_default()><br/>

    </p>
    </BODY>
    </HTML>
    4、浮动帧打印
    <SCRIPT LANGUAGE=javascript>
    function button1_onclick() {
      var odoc=window.iframe1.document;
      var r=odoc.body.createTextRange();
      var stxt=r.htmlText;
      alert(stxt)
      var pwin=window.open("","print");
      pwin.document.write(stxt);
      pwin.print();
    }
    </SCRIPT>
    4、用FileSystem组件实现WEB应用中的本地特定打印
    <script Language=VBScript>
    function print_onclick //打印函数
    dim label
    label=document.printinfo.label.value //获得HTML页面的数据
    set objfs=CreateObject("Scripting.FileSystemObject") //创建FileSystem组件对象的实例
    set objprinter=objfs.CreateTextFile ("LPT1:",true) //建立与打印机的连接
    objprinter.Writeline("__________________________________") //输出打印的内容
    objprinter.Writeline("| |")
    objprinter.Writeline("| 您打印的数据是:"&label& " |”)
    objprinter.Writeline("| |")
    objprinter.Writeline("|_________________________________|")
    objprinter.close //断开与打印机的连接
    set objprinter=nothing
    set objfs=nothing // 关闭FileSystem组件对象
    end function
    </script>
    服务器端脚本:
    <%………
    set conn=server.CreateObject ("adodb.connection")
    conn.Open "DSN=name;UID=XXXX;PWD=XXXX;"
    set rs=server.CreateObject("adodb.recordset")
    rs.Open(“select ……”),conn,1,1
    ……….%> //与数据库进行交互
    HTML页面编码:
    <HTML>
    ………
    <FORM ID=printinfo NAME="printinfo" >
    <INPUT type="button" value="打印>>" id=print name=print > //调用打印函数
    <INPUT type=hidden id=text1 name=label value=<%=………%>> //保存服务器端传来的数据
    ………
    </HTML>

    转自www.xyhhxx.com


    2006-01-23[原]在标准中什么时候用使用表格

    TAG:CSS HTML 原创

    在群中讨论了个列表与表格的问题,现在有很多人都不在页面中使用表格了,因为标准不提倡。真的是这样吗?不是。标准是不提倡用表格布局,不是不能使用表格。

    使用样式表可以有很多方法模拟出表格的效果,但当样式表不起作用时,原先的表格效果就没有了,成为了一些没有意义的数据。

    所以当要显示表格数据时,还是要使用表格来显示数据。


    分页 共2页 1 2 下一页 最后一页
    订阅>>使用RSS邮天下订阅>>Google订阅s

    Q我 GTalk联系

    Recent Articles

    Recent Comments

    Recommend

    Archive

    广 州
    The WeatherPixie

    Search Engine Optimization

    CSS森林:30247792
    (精神正常者慎入!)

    访问统计:

    011 本BLOG[原]部分的内容采用创作共用授权,请尊重劳动成果,谢谢。
    Copyright © 2006 风的影子. All rights reserved.   FORESt.blOGbUS.COM  BLOGBUS.COM