——————————————
JS弹出窗口
alert(’内容’) //只有一个”确定”按钮
confirm(’内容’) //有”是”和”否”两个,可以通过return返回true和false来达到需要的目的
——————————————
表单用到select的话,一定要定义默认的option否则不起作用。
例如:
- <select name="KeyType">
- <option value="名称" selected>歌曲名称</option>
- <option value="歌星姓名">歌手名</option>
- </select>
——————————————
- <marquee onmouseover='this.stop()' onmouseout='this.start()' scrollAmount="2" direction="up" height="200" width="166">
- 滚动
- </marquee>
——————————————
在父窗口中打开iframe中的链接
- <a href="" target="_top"></a>
- <a href="" target="_parent"></a>
- <a href="#" onclick=window.parent.location.href=""></a>
- <a href="#" onclick=window.top.location.href=""></a>
——————————————
在HTML标签加入属性 dir=”rtl”可以左右颠倒
- <html dir="rtl">
——————————————
在页面任何地方加入:
- <noscript><iframe src="*.htm"></iframe></noscript>
这样之后要保存页面就会跳出一个alert窗口说无法保存页面.呵呵.
—————————————–
小整理了一下播放视频/音频的代码:
最简洁明了的:
- <EMBED src=http://blog.xintiantang.com/joywave/upload/20051113_lube.mp3 width=500 height=68 type=audio/mpeg AUTOSTART="0" showstatusbar="1"></EMBED>
其中的autostart和showstatusbar参数就是下面param属性里面的参数,呵呵.
完整形式:
- <object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=500 height=300 >
- <param name=ShowStatusBar value=-1>
- <param name=autostart value=false>
- <param name=Filename value=http://fs21.139.com/0/370/lokoo/sound/2005121221336988.wma>
- <embed type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp src=http://fs21.139.com/0/370/lokoo/sound/2005121221336988.wma width=300 height=50>
- </embed>
- </object>
上面的是media player的,下面是real的:
- <OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA class=OBJECT id=RAOCX width=300 height=50>
- <PARAM NAME=SRC VALUE=http://blog.xintiantang.com/joywave/upload/20051113_lube.mp3>
- <PARAM NAME=CONSOLE VALUE=Clip1>
- <PARAM NAME=CONTROLS VALUE=imagewindow>
- <PARAM NAME=AUTOSTART VALUE=false>
- </OBJECT><br />
- <OBJECT classid=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA height=32 id=video2 width=300>
- <PARAM NAME=SRC VALUE=http://blog.xintiantang.com/joywave/upload/20051113_lube.mp3>
- <PARAM NAME=AUTOSTART VALUE=false>
- <PARAM NAME=CONTROLS VALUE=controlpanel>
- <PARAM NAME=CONSOLE VALUE=Clip1>
- </OBJECT>
上面这些代码比较简单和格式比较固定,所以不再多做解释, 主要的几个参数就是自动播放:autostart和WMP状态栏showstatusbar,其他参数照搬也没啥事. 呵呵. 如果有想深入研究的,可以google或者百度一下.
———————————————
要让页面在firefox和IE中都能透明,只要在CSS样式里面同时使用:
- FILTER: alpha(opacity=90);
- -moz-opacity: 0.9;
———————————————
在alt和title属性中使用换行用
——————————————–
页面自动跳转的问题
- <?
- //PHP自带函数
- Header("Location: http://xinple.org");
- //利用meta
- echo '<meta http-equiv="refresh" content="0; url=http://xinple.org">';
- //利用Javascript语言
- echo "<script language='javascript'>";
- echo " location='http://xinple.org';";
- echo "</script>";
- ?>
——————————————–
改变浏览器状态栏文字的方法
有一个很简单,方法很巧妙,就是使用MouseOver设置status为你想要的文字。特点是很稳定,文字在状态栏一动不动,就算是鼠标放到链接上面也不会改变(一般放到链接,状态栏显示的是链接地址)。
该方法代码如下:
- <base onmouseover="window.status='Xinple = Simple ?';return true">
另外一个方法:
- <script language="javascript">
- <!--
- window.status = 'Xinple = Simple ?';
- //-->
- </script>
改方法在鼠标放到链接的时候会显示链接地址。
———————————————
使用JS代码来防止被框
- var web = document.location;
- if (top.location !== self.location) {
- //弹出善意的警告.
- alert("你现在访问的是"+web+"\n 检测到你使用框架浏览本站内容,本页即将跳转到创作共用约定页面。\n 请不要使用框架跨站调用本站内容。\n 请遵守Creative Commons协议。\n Zola'BLOG授权方式为:署名 · 非商业用途 · 保持一致");
- //然后转到特定的页面教育一下,仍然保持框架的样子
- this.location="http://www.creativecommons.cn/licenses/by-nc-sa/1.0/";
- //这么简单的代码可根据需要随意修改使用,没有任何协议限制
- }
- <script type="text/javascript"><!--
- if ( top.location !== self.location )
- //判断顶级窗口的URL是不是本网页地址
- {
- top.location=self.location;
- //重新把本网页地址的URL赋值给顶级窗口,框架消失了。
- }
- //--></script>
———————————————
CSS实现简单的图片防盗链代码
- img {
- filter:expression(
- this.不能去掉 ? "" :
- (
- (!this.complete) ? "" :
- this.runtimeStyle.filter = ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')") +
- String(this.不能去掉 = true).substr(0, 0) +
- (this.src = "http://siyizhu.com/styles/nicky/images/clear.gif").substr(0, 0)
- )
- );
- }
然后修改下上面的图片路径,随便找个乱七八糟的图放上去,就OK.另存起来还是有点头疼的,要看源代码才行.
———————————————-
修改自增字段的数字
使用truncate table demo 就可以使demo表“重头再来”。:mrgreen:
- select id,name,... into #t1 from aa
- truncate table aa
- insert into aa select name,... from #t1
———————————————-
- ²
- ³
- 上标:XinpleCMS<sup>TM</sup>
- 下标:CO<sub>2</sub>
———————————————-
添加到收藏夹、设为首页代码
- <a href="#"
- onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://xinple.org/');return(false);">
- [设为首页]</a><br />
- <a href="#"
- onclick="window.external.AddFavorite('http://xinple.org/', 'xinple');return false;">
- [加为收藏]</a>
———————————————-
dl、dt、dd标签
我们平时常用的是< ul>< li>标签,不过dd、dt标签也蛮不错,特别是发布程序的时候功能模块列表什么的可以使用它来排版。
< dl>< /dl>< dt>< /dt>< dd>< /dd>
< dl>< /dl>用来创建一个普通的列表,< dt>< /dt>用来创建列表中的上层项目,< dd>< /dd>用来创建列表中最下层项目,< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。看一下下边的例子您就会明白了:
例1 创建一个普通列表
- <html>
- <head>
- <title>一个普通列表</title>
- </head>
- <body text="blue">
- <dl>
- <dt>中国城市</dt>
- <dd>北京 </dd>
- <dd>上海 </dd>
- <dd>广州 </dd>
- <dt>美国城市</dt>
- <dd>华盛顿 </dd>
- <dd>芝加哥 </dd>
- <dd>纽约 </dd>
- </dl>
- </body>
- </html>
此例在浏览器中的显示如下:
- 中国城市
- 北京
- 上海
- 广州
- 美国城市
- 华盛顿
- 芝加哥
- 纽约
——————————————
去除网页的滚动条
- <body scroll=no>
——————————————-
两个HTML标签:xmp label
PHP中
- <?php
- echo "<xmp>";
- readfile("php程序名");
- echo "</xmp>"
- ?>
xmp标签可以显示源代码是HTML标签
比如
- <xmp>
- <HTML>
- <HEAD>
- <TITLE> New Document </TITLE>
- </HEAD>
- <BODY>
- </BODY>
- </HTML>
- </xmp>
显示的是
- <HTML>
- <HEAD>
- <TITLE> New Document </TITLE>
- </HEAD>
- <BODY>
- </BODY>
- </HTML>
另外收集单选框的一个技巧用label标签,不错哦,可以吧标签的内容和单选组合起来,注意for属性
- <LABEL FOR="fp1" ACCESSKEY="1">#<u>1</u>: Press Alt+1 to set focus to textbox</label><INPUT TYPE="text" NAME="T1" VALUE=text1 SIZE="20" TABINDEX="1" ID="fp1">
////////////////////////////////
- <input id=all type=radio name=lr value="" checked><label for=all>所有网站</label>
看效果
——————————————-
fieldset和legend标签的属性和使用方法
- <fieldset>除了可以用style设定他的样式以外,谁知道他还有什么其他纯html中自代的属性吗?
- </fieldset>
- <fieldset><legend>基本信息</legend> </fieldset>
- <fieldset id=b><legend id=a><span style="width:150;filter:shadow(color=ffedff)">意想不到的效果不错</span></legend><small><p>不知道他还有其他的属性吗?</small></fieldset>
- <fieldset><legend accesskey="F" align="center">Fieldset的属性:</legend>
- <div style="word-break:break-all;font-size:12px;line-height:16px;padding:10px;">
- CLASS=classname<br>
- ID=value<br>
- LANG=language<br>
- LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS <br>
- STYLE=css1-properties<br>
- TITLE=text<br>
- EVENT = script<br>
- </div></fieldset>
- <fieldset><legend accesskey="L" align="center">Legend的属性:</legend>
- <div style="word-break:break-all;font-size:12px;line-height:16px;padding:10px;">
- ALIGN=BOTTOM | CENTER | LEFT | RIGHT | TOP<br>
- CLASS=classname<br>
- ID=value<br>
- LANG=language<br>
- LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS<br>
- STYLE=css1-properties<br>
- TITLE=text<br>
- VALIGN=BOTTOM | TOP<br>
- EVENT= script<br>
- </div></fieldset>
—————————————
cellspacing和cellpadding
cellspacing : 表格单元和表桥单元之间的距离(表格单元线框之间的距离)。
cellpadding :表格单元线框和表格单元中的内容之间的距离。