BlogJava-学习笔迹-随笔分类-HTML

css 实现鼠标移到上面背景变色

流浪汗 — Wed, 24 Feb 2010 14:10:00 GMT

如鼠标移到 class 为 box 的 div 标签中背景变色

.vbox div:hover{background: #ddd;}

据说 IE6.0、Firefox2.0、Opera 9.23都不支持

流浪汗 2010-02-24 22:10 发表评论

css 标签 a 的 hover 是否有效与出现的顺序有关

流浪汗 — Wed, 24 Feb 2010 14:04:00 GMT

想改 a 的默认方式，比如：链接不要下划线，鼠标移到上面时有划线。

css 如

a:hover {text-decoration: underline;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}

是没有达到鼠标称到上面有划线。

必须改为：

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}

a:hover 放到最后。

流浪汗 2010-02-24 22:04 发表评论

试用 code highlight (SyntaxHighlighter)

流浪汗 — Thu, 04 Sep 2008 16:26:00 GMT

一直找代码高亮显示，在wp上可以有coolcode但，觉得美中不足的是服务器解析，每请求一次做一次。今天偶然看到 Unmi的博客，他的代码好漂亮，看源码，知道shCore，把他的拿过来试用下。 java 代码

java 代码

groovy 代码
logo = { println "Closure"; } logo.call(); logo();

流浪汗 2008-09-05 00:26 发表评论

xml 转义符

流浪汗 — Wed, 06 Aug 2008 04:40:00 GMT

html 与 xml的转义符不同, xml就只有5个:

<	<
>	>
&	&
"	"
'	'

xml没有

流浪汗 2008-08-06 12:40 发表评论

javascript 不停(setInterval)/延时(setTimeout)函数

流浪汗 — Thu, 10 Jul 2008 13:36:00 GMT

setTimeout(script,millisecond); 是从现在算起多少微秒后运行该代码（只运行一次）

setInterval(script,millisecond); 是每隔多少微秒运行一次代码

示例:
1.执行一次

<span id="time">span> 秒
<script type="text/javascript">
var i = 1;
var txt = document.getElementById("time");
function addT(i) {
txt.innerHTML=i;
}
setTimeout("addT(i++)",1000);
script>

2.复制执行

<span id="time">3span> 秒
<script type="text/javascript">
var i = 1;
var txt = document.getElementById("time");
function addT(i) {
txt.innerHTML=i;
}
setInterval("addT(i++)",1000);
script>

setTimeout也可以做成重复执行

<span id="time">span> 秒
<script type="text/javascript">
var i = 1;
var txt = document.getElementById("time");
function addT(i) {
txt.innerHTML=i;
setTimeout("addT(i++)",1000);
}
addT(i);
script>

流浪汗 2008-07-10 21:36 发表评论

Javascript XSLT 处理XML文件(IE and Firefox)

流浪汗 — Sun, 18 May 2008 11:02:00 GMT

javascript xslt 处理xml备忘录。支持firefox。
参考：
w3school XSLT - 客户端 http://www.w3school.com.cn/xsl/xsl_client.asp
如何使用Javascript XSLT 处理XML文件 http://java.chinaitlab.com/advance/533787.html

1.xml文件，cdcatalog.xml

xml version="1.0" encoding="ISO-8859-1"?>

<catalog>
    <cd>
        <title>Empire Burlesquetitle>
        <artist>Bob Dylanartist>
        <country>USAcountry>
        <company>Columbiacompany>
        <price>10.90price>
        <year>1985year>
    cd>
    <cd>
        <title>Hide your hearttitle>
        <artist>Bonnie Tylerartist>
        <country>UKcountry>
        <company>CBS Recordscompany>
        <price>9.90price>
        <year>1988year>
    cd>
catalog>

2.xsl文件，cdcatalog.xsl

xml version="1.0" encoding="ISO-8859-1"?>

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method='html' version='1.0' encoding='UTF-8' indent='yes'/>

="/">
  <html>
  <body>
  <h2>My CD Collectionh2>
    <table border="1">
      <tr bgcolor="#9acd32">
        <th align="left">Titleth>
        <th align="left">Artistth>
      tr>
      <xsl:for-each select="catalog/cd">
      <tr>
        <td><xsl:value-of select="title"/>td>
        <td><xsl:value-of select="artist"/>td>
      tr>
      xsl:for-each>
    table>
  body>
  html>
xsl:template>
xsl:stylesheet>

3.html文件，index.html

<html>
<body>

<script type="text/javascript">
var xml;
var xsl;
if(typeof window.ActiveXObject != 'undefined') {
    xml = new ActiveXObject("Microsoft.XMLDOM");
    xsl = new ActiveXObject("Microsoft.XMLDOM");
} else if(document.implementation && document.implementation.createDocument) {    //mozilla
    xml = document.implementation.createDocument("", "", null);
    xsl = document.implementation.createDocument("", "", null);
}
// Load XML

xml.async = false;
xml.load("cdcatalog.xml");

// Load XSL

xsl.async = false;
xsl.load("cdcatalog.xsl");

// Transform

if(typeof window.ActiveXObject != 'undefined') {
    document.write(xml.transformNode(xsl));
} else if(document.implementation && document.implementation.createDocument) {    //mozilla
    var xsltProcessor = new XSLTProcessor();
    xsltProcessor.importStylesheet(xsl);
    // transformToDocument方式
    var result = xsltProcessor.transformToDocument(xml);
    var xmls = new XMLSerializer();
    document.write(xmls.serializeToString(result));
}

script>

body>
html>

流浪汗 2008-05-18 19:02 发表评论

鼠标指向图片变手型

流浪汗 — Sun, 16 Mar 2008 04:56:00 GMT

加style="cursor:hand" ，firefox无效。

流浪汗 2008-03-16 12:56 发表评论

页面内图像比例自适应

流浪汗 — Sun, 16 Mar 2008 04:43:00 GMT

收集于网络，自已小改动下。
有DrawImage(ImgD, width, height) 调整图像比例的javascript函数。

流浪汗 2008-03-16 12:43 发表评论

地址拦有网站logo

流浪汗 — Sun, 16 Mar 2008 04:32:00 GMT

在HTML内头部加以下内容。

<link rel="shortcut icon" href="/images/my.ico" type="image/x-icon" />

流浪汗 2008-03-16 12:32 发表评论

javascript 打印

流浪汗 — Sun, 18 Nov 2007 14:53:00 GMT

WebBrowser是IE内置的浏览器控件，无需用户下载.

一、WebBrowser控件
　　
二、WebBrowder控件的方法
//打印

WebBrowser1.ExecWB(6,1);

//打印设置

WebBrowser1.ExecWB(8,1);

//打印预览

WebBrowser1.ExecWB(7,1);

关于这个组件还有其他的用法，列举如下：
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) 关闭窗体无提示
但是打印是会把整个页面都打印出来的,页面里面有什么东西就打印出来,我们有时候只需要打印数据表格,这时我们就要写一个样式了:把不想打印的部份隐藏起来：
样式内容：

然后使用样式就可以：

不需要打印的地方

-----以上转载: http://blog.csdn.net/minjunyu/archive/2007/07/08/1682757.aspx-------------------

示例代码：

<HTML><HEAD><TITLE>javascript打印-打印页面设置-打印预览代码TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312" />
<SCRIPT language=javascript>
　　function printsetup(){
　　// 打印页面设置
　　wb.execwb(8,1);
　　}
　　function printpreview(){
　　// 打印页面预览
　　　　
　　wb.execwb(7,1);
　　　　　
　　　　
　　}

　　function printit()
　　{
　　if (confirm('确定打印吗？')) {
　　wb.execwb(6,6)
　　}
　　}
　　SCRIPT>
<style type="text/css" media=print>
.noprint{display : none }
style>

HEAD>
<BODY>

<DIV align=center>
<OBJECT id=wb height=0 width=0
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb>OBJECT>
net.blogjava.chenlb do print 中文 ^_^
<p class="noprint">
<INPUT onclick=javascript:printit() type=button value=打印 name=button_print />
<INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup />
<INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show />
p>
DIV>
BODY>
HTML>

流浪汗 2007-11-18 22:53 发表评论

javascript url 编码(UTF-8) jsp 解码

流浪汗 — Sat, 13 Oct 2007 13:27:00 GMT

1. encode.html

2.
decode.jsp

        /*
         *
         * document.write(encodeURI('http://www.blogjava.net/chenlb/abc 中文'));
         *
         */
        String url = "http://www.blogjava.net/chenlb/abc%20%E4%B8%AD%E6%96%87";
        try {
            System.out.println(URLDecoder.decode(url, "UTF-8"));
            System.out.println(URLDecoder.decode(url, "GBK"));//乱码
        } catch (UnsupportedEncodingException e) {
            e.printStackTrace();
        }

流浪汗 2007-10-13 21:27 发表评论

javascript不能处理跨域的iframe

流浪汗 — Mon, 24 Sep 2007 12:34:00 GMT

今天看了javascript的书，突然有点想法，javascript处理iframe中网页，一开始，遇到引用iframe问题，如：a.htm里有iframe为subpage.htm，在a.htm引用iframe里的文档(即：subpage.htm)。方法如下：
1.

var targetDoc = window.parent.frames['targetIframe'].document;

var targetDoc = document.getElementById('targetIframe').contentWindow.document;

解决引用问题后，src为其它网页时双拒绝访问，郁闷，baidu下才得知是跨域不用被javascript处理。郁闷，想法又能实现了。不知谁有好的建议。^_^

我想要的效果是：自己的网页的一个区可以显示其它网页（这个很重要，显示效果就像真的在浏览器里，被显示的网页我称：subpage），然后javascript处理下subpage，使得实现想要的效果，比如：点subpage里链接时alert()出一些内容，等。

流浪汗 2007-09-24 20:34 发表评论

整数或小数正则表达式问题(javascript)

流浪汗 — Mon, 27 Aug 2007 06:56:00 GMT

Javascript检测整数或小数，写的正则表达式：

^(+|\-)?\d+(.\d+)?$

报错，说数量词错误。

然后改用：

^[+\-]?\d+(.\d+)?$

就行了，^_^

流浪汗 2007-08-27 14:56 发表评论

HTML 文档声明使鼠标提示变样

流浪汗 — Tue, 07 Aug 2007 14:23:00 GMT

HTML的文档声明让浪费了一个小时.，我用一网上找到鼠标提示，平常用的好的，今天在一个N久前创建的HTML文件里加个鼠标提示，提示的样子变了。跟IE的错误提示，老是看它的提示代码，有没有可以改进的。最后没折了，删除了文档声明。就行了。真是郁闷。以前也个输入框也变样了，删除文档声明就行了。文档声明对鼠标提示也有效，郁闷，郁闷。。。浪费了一个小时

下面的文档声明是Dreamweaver8生成的。

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

流浪汗 2007-08-07 22:23 发表评论