预览模式: 普通 | 列表

网页中屏蔽右键的方法

作者:chill 日期:2006-08-02 22:07

众所周知，要保护一个页面，最基础的就是要屏蔽右键。而现在网页上用得最多的是function click()，即下面这段代码：
<script>
 function click(){
 if(event.button==2){
 alert( '本网站欢迎您 !!');
 }
 }
 document.onmousedown=click
 </script>

但是这种屏蔽方法的破解方法也是众所周知的。那就是连续单击鼠标左键和右键便又可以看到右键菜单了。但是，我见过一种很好的屏蔽右键的方法。它 的原理和上面所说的不同。它并不是用JS来编写的脚本，而是利用定义网页属性来起到限制的作用。而且，在屏蔽中应该尽量的避开使用JS脚本。因为只要浏览 者把IE里的javascript脚本禁用了。那么一切屏蔽都白费。

[阅读全文]

类别: Java & Js | 引用: 0 | 评论: 0 | 阅读: 765 | 打印

Fireworks：制作背景透明的图片

作者:chill 日期:2006-08-02 20:04

目前支持背景透明的图片格式主要是GIF，其它格式大多数都不支持，所以必须将图片转化为GIF格式。如果你的图片原先是JPG格式，那么在 Fireworks或Photoshop下使用选区工具和魔棒工具将需要变透明的区域删除即可。然后导出成GIF格式，此背景即变为透明。

如果图片原先已经是GIF格式，可以这样制作透明背景图片：

用Fireworks4或Fireworks MX 2004等版本打开图片，然后按Ctrl+Shift+X，输出状态下Format让它变为GIF。在右边的预览图中，把它放大。然后在你要变透明的区域 按鼠标右键，选“Transparent”，这样就可以了，背景就变为透明了。

附：这种情况下，只要是图片中跟背景颜色的地方全变透明了。如果你只想让背景变透明，其它的地方不变，可以使用Windows画图程序，把背景涂成蓝色。然后用Fireworks把这个蓝色背景变透明。

制作背景透明的图片，使用Fireworks操作更简单一些。Photoshop操作比较复杂。

类别: 影音 & 图像技术 | 引用: 0 | 评论: 0 | 阅读: 913 | 打印

几段简单的网页跳转代码

作者:chill 日期:2006-07-02 22:07

网页跳转代码
------------------------------------------------------------------------------
不隐藏转向之后的地址 代码一
------------------------------------------------------------------------------
<html>
 <body>
 <form name=loading>
 <P align=center><FONT face=Arial color=#0066ff size=2>loading...</FONT> <INPUT
 style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; PADDING-BOTTOM: 0px; COLOR: #0066ff; BORDER-TOP-style: none; PADDING-TOP: 0px; FONT-FAMILY: Arial; BORDER-RIGHT-style: none; BORDER-LEFT-style: none; BACKGROUND-COLOR: white; BORDER-BOTTOM-style: none"
 size=46 name=chart> <BR><INPUT
 style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: #0066ff; BORDER-BOTTOM: medium none; TEXT-ALIGN: center"
 size=47 name=percent>
 <SCRIPT>
 var bar=0
 var line="||"
 var amount="||"
 count()
 function count(){
 bar=bar+2
 amount =amount + line
 document.loading.chart.value=amount
 document.loading.percent.value=bar+"%"
 if (bar<99)
 {setTimeout("count()",100);}
 else
 {window.location = "将这里改成要转入的网址";}
 }</SCRIPT>
 </P></form>
 </body>
 </html>

[阅读全文]

类别: HTML|CSS|XML | 引用: 0 | 评论: 0 | 阅读: 950 | 打印

设计师必去十大中文网站

作者:chill 日期:2005-08-25 21:26

1、设计在线（赛事新闻绝对是业界最及时的）
http://www.dolcn.com

2、视觉中国（新新设计师的代表性网站，有些杂，速度也不快）
http://www.chinavisual.com

3、Arting365（不错的独门国内外信息及经典作品）
http://www.arting365.com

4、设计前沿（从事工业设计的同胞们必去）
http://www.foreidea.com

5、设计师家园（建筑与室内设计师非去不可）
http://www.china-designer.com

6、亚洲CI网（网站本身不怎么样，但是论坛非常不错，高手云集）
http://www.asiaci.com

7、V6DP（论坛，年轻设计师的天下）
http://www.v6dp.com

8、ad110.com（云集非常多大师作品以及他们的网站导航）
http://www.ad110.com


9、台湾创意设计中心（了解台湾设计的必去站点）
http://www.boco.com.tw

10、肖勇（中央美院教师的网站，有些信息值得阅读）
http://www.xiaoyong.com


哈，以上是我常去的站点，个人见解，喜不喜欢是个人的原因，我还在整理我的“设计师必去十大英文网站、广告人必去十大网站 、画家必去十大网站、CG迷必去十大网站”........
类别: 实用信息 | 引用: 0 | 评论: 0 | 阅读: 688 | 打印

为什么用CSS定义overflow属性没有效果？

作者:chill 日期:2005-08-18 22:28

overflow、overflow-x、overflow-y属性可以用于管理超过其容器大小的内容，例如：
<body style="overflow-x: no">表示页面不出现横向滚动条。

但是当使用!DOCTYPE声明打开符合标准的模式时，overflow、overflow-x和overflow-y属性会应用于HTML元素，应用于BODY元素时无效。

解决办法有二：

1、把overflow、overflow-x、overflow-y属性写到<HTML>标签里；
2、或者删除!DOCTYPE声明：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "href="http://www.w3.org/TR/html4/loose.dtd";>

类别: HTML|CSS|XML | 引用: 0 | 评论: 0 | 阅读: 628 | 打印

怎样在网页中插入视频？

作者:chill 日期:2005-08-18 22:19

1. avi格式
下载: example.htm
<object id="video1" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
 width="320" height="240" border="0">
 <param name="ShowDisplay" value="0">
 <param name="ShowControls" value="1">
 <param name="AutoStart" value="1">
 <param name="AutoRewind" value="0">
 <param name="PlayCount" value="0">
 <param name="Appearance value="0 value=""">
 <param name="BorderStyle value="0 value=""">
 <param name="MovieWindowHeight" value="240">
 <param name="MovieWindowWidth" value="320">
 <param name="FileName" value="http://www.windstudio.net/temp.avi">
 <embed width="320" height="240" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="http://www.windstudio.net/temp.avi" src="http://www.windstudio.net/temp/temp.avi">
 </embed>
 </object>

[阅读全文]

类别: HTML|CSS|XML | 引用: 0 | 评论: 0 | 阅读: 731 | 打印

网页媒体播放器代码详解

作者:chill 日期:2005-08-18 21:17

Code：
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1" width="286" height="225">
   <param name="AudioStream" value="-1">
   <param name="AutoSize" value="-1">
   <!--是否自动调整播放大小-->
   <param name="AutoStart" value="-1">
   <!--是否自动播放-->
   <param name="AnimationAtStart" value="-1">
   <param name="AllowScan" value="-1">
   <param name="AllowChangeDisplaySize" value="-1">
   <param name="AutoRewind" value="0">
   <param name="Balance" value="0">
   <!--左右声道平衡,最左-9640,最右9640-->
   <param name="BaseURL" value>
   <param name="BufferingTime" value="15">
   <!--缓冲时间-->
   <param name="CaptioningID" value>
   <param name="ClickToPlay" value="-1">
   <param name="CursorType" value="0">
   <param name="CurrentPosition" value="0">
   <!--当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0-->
   <param name="CurrentMarker" value="0">
   <param name="DefaultFrame" value>
   <param name="DisplayBackColor" value="0">
   <param name="DisplayForeColor" value="16777215">
   <param name="DisplayMode" value="0">
   <param name="DisplaySize" value="0">
   <!--视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理-->
   <param name="Enabled" value="-1">
   <param name="EnableContextMenu" value="-1">
   <!-是否用右键弹出菜单控制-->
   <param name="EnablePositionControls" value="-1">
   <param name="EnableFullScreenControls" value="-1">
   <param name="EnableTracker" value="-1">
   <!--是否允许拉动播放进度条到任意地方播放-->
   <param name="Filename" value="http://01.wma" valuetype="ref">
   <!--播放的文件地址-->
   <param name="InvokeURLs" value="-1">
   <param name="Language" value="-1">
   <param name="Mute" value="0">
   <!--是否静音-->
   <param name="PlayCount" value="10">
   <!--重复播放次数,0为始终重复-->
   <param name="PreviewMode" value="-1">
   <param name="Rate" value="1">
   <!--播放速率控制,1为正常,允许小数-->
   <param name="SAMIStyle" value>
   <!--SAMI样式-->
   <param name="SAMILang" value>
   <!--SAMI语言-->
   <param name="SAMIFilename" value>
   <!--字幕ID-->
   <param name="SelectionStart" value="-1">
   <param name="SelectionEnd" value="-1">
   <param name="SendOpenStateChangeEvents" value="-1">
   <param name="SendWarningEvents" value="-1">
   <param name="SendErrorEvents" value="-1">
   <param name="SendKeyboardEvents" value="0">
   <param name="SendMouseClickEvents" value="0">
   <param name="SendMouseMoveEvents" value="0">
   <param name="SendPlayStateChangeEvents" value="-1">
   <param name="ShowCaptioning" value="0">
   <!--是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示-->
   <param name="ShowControls" value="-1">
   <!--是否显示控制,比如播放,停止,暂停-->
   <param name="ShowAudioControls" value="-1">
   <!--是否显示音量控制-->
   <param name="ShowDisplay" value="0">
   <!--显示节目信息,比如版权等-->
   <param name="ShowGotoBar" value="0">
   <!--是否启用上下文菜单-->
   <param name="ShowPositionControls" value="-1">
   <!--是否显示往前往后及列表,如果显示一般也都是灰色不可控制-->
   <param name="ShowStatusBar" value="-1">
   <!--当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间-->
   <param name="ShowTracker" value="-1">
   <!--是否显示当前播放跟踪条,即当前的播放进度条-->
   <param name="TransparentAtStart" value="-1">
   <param name="VideoBorderWidth" value="0">
   <!--显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小-->
   <param name="VideoBorderColor" value="0">
   <!--显示黑色框的颜色, 为RGB值,比如ffff00为黄色-->
   <param name="VideoBorder3D" value="0">
   <param name="Volume" value="0">
   <!--音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640-->
   <param name="WindowlessVideo" value="0">
   <!--如果是0可以允许全屏,否则只能在窗口中查看-->
 </object>


上面的这个播放器是老式的那种,新式播放器是在MediaPlayer9.0以后出现的,也就是说只有装了9.0或9.0以上的播放器才能正常使用的.

下面是新式播放器代码,相对以前的来说要简单很多:

查看...
类别: HTML|CSS|XML | 引用: 0 | 评论: 0 | 阅读: 602 | 打印

在网页中实现细线边框的两种方法

作者:chill 日期:2005-08-18 19:47

很多朋友都有过制作网页的经历，如今，众多网页的设计都用到了表格。这样不仅有利于网页的维护，同时，提高了网页的观赏性。在众多网页制作风格中，细边框这个制作方法是必不可少的。这里，我将简单地谈一下细边框的制作方法。

谈到细边框，本人认为大致有两种制作方法，第一种是用表格的嵌套，第二种是用CSS强制定义。

如何用表格嵌套呢？大家都知道，用Bgcolor可以在表格中任意定义表格的背景颜色，用Cellspacing可以控制表格单元的额外空间，如果定义两个表格，把其中一个的表格背景设为全黑，然后在这个表格中嵌套定义另外一个表格，背景设为全白，并且把Weight=100%。这时，两个表格是重叠的，但是，如果把背景为黑色的那个表格再定义一个Cellspacing=1。那么就是说，黑色的表格比白色的表格多出了一个像素的外围空间，而白色的表格又在黑色表格之上，从而达到细边框的效果。源代码如下：
<table border="0" cellpadding=0 cellspacing=1 bgcolor=black>
 <tr>
 <td>
 <table width="100%" border="0" cellpadding=0 cellspacing=0 bgcolor=white>
 <tr>
 <td>
 </td>
 </tr>
 </table>
 </td>
 </tr>
 </table>



查看...
类别: HTML|CSS|XML | 引用: 0 | 评论: 0 | 阅读: 659 | 打印

免责声明

本站立志于收集各类技术文档资料，便于本人和广大网友查询检索，任何转载文章均尽力标明来源，无论单位或个人认为本站存在侵权内容均可与本站联系，任何此类反馈信息一经有效身份证明、权属证明及详细侵权情况证明后，将立即清除！对于转载内容，本站不为其版权负责，其任何言论均与本站无关！