BlogJava-Jacally-文章分类-网页特效http://www.blogjava.net/jacally/category/19411.htmlJava原生态zh-cnThu, 14 Jun 2007 12:36:34 GMTThu, 14 Jun 2007 12:36:34 GMT60改变已经打开的窗口样式(摘)http://www.blogjava.net/jacally/articles/124345.htmlLibLibThu, 14 Jun 2007 08:45:00 GMThttp://www.blogjava.net/jacally/articles/124345.htmlhttp://www.blogjava.net/jacally/comments/124345.htmlhttp://www.blogjava.net/jacally/articles/124345.html#Feedback0http://www.blogjava.net/jacally/comments/commentRss/124345.htmlhttp://www.blogjava.net/jacally/services/trackbacks/124345.html<script language="JavaScript" type="text/JavaScript">
function init(){
    //window.resizeTo(700,500);  
    var top=0,left=0;
  if(window.name   !=   "myWin")   
  {   
    //top = window.screenTop;
    //left = window.screenLeft;
  var   oSon   =   window.open(window.location,"myWin","width=700,height=500");   
  window.open(window.location,"myWin",   'big',   'fullscreen=yes');   
  oSon.window.moveTo(top,   left);   
  window.opener   =   "";   
  window.close(); 
  oSon.focus();  
  }       
}
</script>

Lib 2007-06-14 16:45 发表评论
]]>打开和一个图象大小的窗口，随图象大小任意变化(抄)http://www.blogjava.net/jacally/articles/124340.htmlLibLibThu, 14 Jun 2007 08:26:00 GMThttp://www.blogjava.net/jacally/articles/124340.htmlhttp://www.blogjava.net/jacally/comments/124340.htmlhttp://www.blogjava.net/jacally/articles/124340.html#Feedback0http://www.blogjava.net/jacally/comments/commentRss/124340.htmlhttp://www.blogjava.net/jacally/services/trackbacks/124340.html   
  <SCRIPT   LANGUAGE="JavaScript">  
  var   isNav4,   isIE4;  
  if   (parseInt(navigator.appVersion.charAt(0))   >=   4)   {  
  isNav4   =   (navigator.appName   ==   "Netscape")   ?   1   :   0;  
  isIE4   =   (navigator.appName.indexOf("Microsoft")   !=   -1)   ?   1   :   0;  
  }  
  function   fitWindowSize()   {  
  if   (isNav4)   {  
  window.innerWidth   =   document.layers[0].document.images[0].width;  
  window.innerHeight   =   document.layers[0].document.images[0].height;  
  }  
  if   (isIE4)   {  
  window.resizeTo(500,   500);  
  width   =   500   -   (document.body.clientWidth   -     document.images[0].width);  
  height   =   500   -   (document.body.clientHeight   -     document.images[0].height);  
  window.resizeTo(width,   height);  
        }  
  }  
  </script>

Lib 2007-06-14 16:26 发表评论
]]>让iframe自适应内容高度http://www.blogjava.net/jacally/articles/124266.htmlLibLibThu, 14 Jun 2007 03:55:00 GMThttp://www.blogjava.net/jacally/articles/124266.htmlhttp://www.blogjava.net/jacally/comments/124266.htmlhttp://www.blogjava.net/jacally/articles/124266.html#Feedback0http://www.blogjava.net/jacally/comments/commentRss/124266.htmlhttp://www.blogjava.net/jacally/services/trackbacks/124266.html<iframe align="middle" frameborder=0 name="reportbill" width=100%  height="300"   
        onload="document.all['reportbill'].style.height=reportbill.document.body.scrollHeight" >   
</iframe>  

Lib 2007-06-14 11:55 发表评论
]]>网页设计技巧大全（摘抄）http://www.blogjava.net/jacally/articles/108941.htmlLibLibFri, 06 Apr 2007 07:02:00 GMThttp://www.blogjava.net/jacally/articles/108941.htmlhttp://www.blogjava.net/jacally/comments/108941.htmlhttp://www.blogjava.net/jacally/articles/108941.html#Feedback0http://www.blogjava.net/jacally/comments/commentRss/108941.htmlhttp://www.blogjava.net/jacally/services/trackbacks/108941.html  原文出处: http://www.blogcn.com/user59/leafdesign/index.html

 

2006-10-9
无级缩放图片大小

改变图片大小
function resizepic(thispic)
{
if(thispic.width>550){thispic.height=thispic.height*550/thispic.width;thispic.width=550;}
}


无级缩放图片大小
function bbimg(o)
{
  var zoom=parseInt(o.style.zoom, 10)||100;
  zoom+=event.wheelDelta/12;
  if (zoom>0) o.style.zoom=zoom+'%';
  return false;
}
图片链接处加入:
<IMG onmousewheel="return bbimg(this)" style="CURSOR: hand" alt=按此在新窗口浏览图片 src="*.jpg" onload=resizepic(this) align=absMiddle border=0>


双击鼠标滚动屏幕的代码
var currentpos,timer;
function initialize()
{
timer=setInterval ("scrollwindow ()",30);
}
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

更改字体大小
var status0='';
var curfontsize=10;
var curlineheight=18;
function fontZoomA(){
  if(curfontsize>8){
    document.getElementById('fontzoom').style.fontSize=(--curfontsize)+'pt';
 document.getElementById('fontzoom').style.lineHeight=(--curlineheight)+'pt';
  }
}
function fontZoomB(){
  if(curfontsize<64){
    document.getElementById('fontzoom').style.fontSize=(++curfontsize)+'pt';
 document.getElementById('fontzoom').style.lineHeight=(++curlineheight)+'pt';
  }
}
----------------------------------------------------------------------------------------
<script language="JavaScript" type="text/JavaScript">
将以上代码加在此处
</script>

2006-10-8
CSS样式命名规则(仅供参考)

1.样式命名
外　套：　　wrap
主导航：　　mainnav
子导航：　　subnav
页　脚：　　footer
整个页面：　content
页　眉：　　header
页　脚：　　footer
商　标：　　label
标　题：　　title
主导航：　　mainbav（globalnav）
顶导航：　　topnav
边导航：　　sidebar
左导航：　　leftsidebar
右导航：　　rightsidebar
旗　志：　　logo
标　语：　　banner
菜单内容1： menu1 content
菜单容量：　menu container
子菜单：　　submenu
边导航图标：sidebarIcon
注释：　　　note
面包屑：　　breadcrumb(即页面所处位置导航提示）
容器：　　　container
内容：　　　content
搜索：　　　search
登陆：　　　Login
功能区：　　shop(如购物车，收银台)
当前的　　　current

2.另外在编辑样式表时可用的注释可这样写：
<-- Footer -->
内容区
<-- End Footer -->

3.样式文件命名
主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css

2006-9-30
常用的代码集合

 表格变色
<TD onmouseover="this.style.backgroundColor='#FFFFFF'"
onmouseout="this.style.backgroundColor=''"
style="CURSOR: hand">

禁止复制，鼠标拖动选取
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>

普通iframe页面
<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

iframe自适应高度
<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborder=no onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight" ></iframe>

IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标
<link rel="Shortcut Icon" href="favicon.ico" href_cetemp="favicon.ico" href_cetemp="favicon.ico">
<link rel="Bookmark" href="favicon.ico">

字号缩放
越来越多的人长时间的泡网，眼镜的普及率也越来越高，让文字大点，让更多的用户看的更清楚。
<script type="text/javascript">
function doZoom(size)
{document.getElementById('zoom').style.fontSize=size+'px';}
</script>
<span id="zoom">需要指定大小的文字</span>
<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>

select挡住div的解决方法
在div里加入下面的代码，根据需要调整就可以了。
<iframe src="javascript:false" scrolling="no" frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;">
</iframe>

iframe(嵌入式帧)自适应高度
填写的嵌入地址一定要和本页面在同一个站点上，否则会提示“拒绝访问！”。对跨域引用有权限问题，请查阅其他资料。
<iframe name="guestbook" src="gbook/index.asp" scrolling=no width="100%" height="100%" frameborder=no onload="document.all['guestbook'].style.height=guestbook.document.body.scrollHeight"></iframe>

跳转菜单新窗口
<select name="select" onchange="window.open(this.options[this.selectedIndex].value)">
<option value="http://www.microsoft.com/ie"> Internet Explorer</option>
<option value="http://www.microsoft.com"> Microsoft Home</option>
<option value="http://msdn.microsoft.com"> Developer Network</option>
</select>

flash透明选项
<param name="wmode" value="transparent">

添加到收藏夹和设为首页
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.makewing.com/lanren/');">设为首页</a>

<a href="javascript:window.external.AddFavorite('http://www.makewing.com/lanren/','懒人图库')">收藏本站</a>

记录并显示网页的最后修改时间
<script language=JavaScript>
document.write("最后更新时间: " + document.lastModified + "")
</script>

节日倒计时
<Script Language="JavaScript">
　　 var timedate= new Date("October 1,2002");
　　 var times= "国庆节";
　　 var now = new Date();
　　 var date = timedate.getTime() - now.getTime();
　　 var time = Math.floor(date / (1000 * 60 * 60 * 24));
　　 if (time >= 0)
　　 document.write( "现在离"+times+"还有: "+time +"天")
</Script>

加在HEAD里
禁止缓存
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">

让IFRAME框架内的文档的背景透明
<iframe src="about:<body style='background:transparent'>" allowtransparency></iframe>

打开窗口即最大化
<script language="JavaScript">
<!-- Begin
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End -->
</script>

加入背景音乐
<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE
<embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用

防止点击空链接时，页面往往重置到页首端
代码“javascript:void(null)”代替原来的“#”标记

文字或图片弹出指定大小的窗口
在body中加入
<script language="JavaScript" type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</script>
弹出代码
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border="0">图片或文字</a>

flash按钮加链接
on (press) {
getURL("http://www.makewing.com","_blank");
}

跳转页面代码
<meta http-equiv="refresh" content="5;url=http://www.makewing.com">

细线分隔线
<hr noshade size=0 color=#C0C0C0>

网页中的自动换行
<td style="word-break:break-all">就搞定了。
完整的是
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"

消除ie6自动出现的图像工具栏，设置 GALLERYIMG属性为false或no .
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">

禁止页面正文内容被选取
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return
false"onmouseup="document.selection.empty()">

不能点右键，不用CTRL+A，不能复制作!
<body oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
</body>

IE浏览器支持一个 Body 属性 bgproperties，它可以让背景不滚动:
<Body Background="图片文件" bgproperties="fixed">

随机变换背景图象（一个可以刷新心情的特效）
<Script Language="JavaScript">
　　 image = new Array(4); //定义image为图片数量的数组
　　 image [0] = 'tu0.gif' //背景图象的路径
　　 image [1] = 'tu1.gif'
　　 image [2] = 'tu2.gif'
　　 image [3] = 'tu3.gif'
　　 image [4] = 'tu4.gif'
　　 number = Math.floor(Math.random() * image.length);
　　 document.write("<BODY BACKGROUND="+image[number]+">");
</Script>

flash载入影片
on (release)
{
loadMovie("1-01.swf", "_root.loaderclip");
}

图片表单按钮
<form id="form1" name="form1" method="post" action="">
<img src="login.gif" width="62" height="22" onclick="document.form1.submit()" />
</form>

左右阴影背景的CSS定义方法
body {
text-align:center;
background-repeat: repeat-y;
background-position: center;
background-image: url(../images/bg.jpg);
}

划过链接 手型鼠标
style="cursor:hand"

如何关闭层
<div id="Layer1"></div>
<a href="#" onClick="Layer1.style.display='none'">关闭层</a>

关闭窗口的脚本
<a href=javascript:close()>[关闭窗口]</a>

如果文字过长,则将过长的部分变成省略号显示
<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;overflow: hidden; text-overflow:ellipsis">
<NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR>
</DIV>

进入主页后自动最大化
<script>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>

凹陷文字
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;">
<font disabled>
怎么样，我凹下去了吧？<br>
你不想试试吗？<br>
<a href="http://www.lenvo.cn/">www.lenvo.cn</a></font>
</div>

运行代码框
<script>
function Preview()
{var TestWin=open('');
TestWin.document.write(code.value);}
</script>
<textarea id=code cols=60 rows=15></textarea>
<br>
<button onclick=Preview() >运行</button>

给表格做链接
<table width="100%" onclick="window.open('http://www.makewing.com/', '_blank')" style="CURSOR:hand">
<tr>
<td height="100" bgcolor="f4f4f4">&nbsp;</td>
</tr>
</table>

让弹出窗口总是在最上面
<body onblur="this.focus();">

CSS文字阴影
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR: #ffffff;}

后退&关闭窗口
后退：javascript:history.back(1)
关闭：javascript:window.close();

表格透明
style="FILTER: alpha(opacity=72)"

如何避免别人把你的网页放在框架中
<script language=“javascript”><!--if (self!=top){top.location=self.location;} -->< /script>

Alt和Title的区别
alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。

<a href="#" Title="给链接文字提示">文字</a>
<p Title="给链接文字提示">文字</p>

<img src="图片链接" alt="给图片提示">

所有的javascript的调用尽量采取外部调用
<SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT>

链接到
response.redirect"login.asp"
location.href="xx.asp"

onClick="window.location='login.asp'"
onClick="window.open('')"

基本链接样式
a:link 表示链接的样式
a:active 表示当前活动连接的样式
a:hover 表示鼠标划过时的样式
a:visited 表示已经访问过的连接的样式

"link-visited-hover-active" 简记为 "lvha" 即 "love"+"hate"

在同一页面设置不同文字链接效果的样式
<style type="text/css">
.green {COLOR: #309633}
.green A:link {COLOR: #309633; TEXT-DECORATION: none}
.green A:visited {COLOR: #309633; TEXT-DECORATION: none}
.green A:hover {COLOR: #309633; TEXT-DECORATION: underline}
.green A:active {COLOR: #309633; TEXT-DECORATION: none}
</style>
<a href="#" class="green">文字</a>

2006-9-26
一些常用的特殊字符

·ˉˇ¨〃々—～‖「」『』〖〗【】±＋－×÷∧∨∑∏∪∩∈√⊥∥∠⌒⊙∫∮≡≌≈∽∝≠≮≯≤≥∞∶∵∴∷♂♀°′″℃＄¤￠￡‰§№☆★〇○●◎◇◆ 回□■△▽⊿▲▼◣◤◢◥ ▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ▉ ▊ ▋▌▍▎▏▓※→←↑↓↖↗↘↙〓ⅰⅱⅲⅳⅴⅵⅶⅷⅸⅹ①②③④⑤⑥⑦⑧⑨⑩⒈⒉⒊⒋ ︵︶︹︺︿﹀︽︾﹁﹂﹃﹄︻︼︷︸︴﹏﹋﹌─━│┃┄┅┆┇┈┉┊┋┌┍┎┏┐┑┒┓└┕┖┗┘┙┚┛├┝┞┟┠┡┢┣┤┥┦┧┨┩┪┫┬┭┮┯┰┱┲┳┴┵┶┷┸┹┺┻┼┽┾┿╀╁╂╃╄╅╆╇╈╉╊╋⊕㊣㈱曱甴囍∟┅﹊﹍╭ ╮╰ ╯ _ ^︵^﹕﹗/\ " < > `,·。{}~～() -√ ＄ @ * & # 卐℡ ぁ〝〞ミ灬№＊ㄨ≮≯﹢﹣／∝≌∽≦≧≒﹤﹥じぷ┗┛￥￡§я-―‥…‰′″℅℉№℡∕∝∣═║╒╓╔╕╖╗╘╙╚╛╜╝╞╟╠╡╢╣╤╥╦╧╨╩╪╫╬╱╲╳▔▕〆〒〡〢〣〤〥〦〧〨兀♂ ♀ ♥ ♡ ☜ ☞ ☎ ☏ ⊙ ஐﻬ◎ ♂ ﻬஐ♀ ♥ ♡ ☜ ☞ ☎ ☏ ⊙ ◎ ☺ ☻ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔↕ ▪ ▫ ☼ ♦ ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ♦ ◊ ◦ ☼ ♠ ♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ の ☆→ あ ぃ ￡ ☺ ☻ ► ◄ ▧ ▨ ♨ ◐ ◑ ↔ ↕ ♥ ♡ ▪ ▫ ☼ ♦ ▀ ๑ღoO○☻ ☼ ♠ ♡ ♣ ஜ ஒ ண இ ஆ ௰ ௫ ♩ 〠 〄 ㍿ ㊚ ㊛ ㊀ ㊁ ㊂ ㊃ ㊄ ㊅ ㊆ ㊇ ㊈ ㊉ ㊊ のo (‧'''‧)o●•● ☜♡☞ ⓛⓞⓥⓔ

2006-9-21
滚动条特效代码

1、 控制横向和纵向滚动条的显隐

去掉滚动条 x 轴 <body style="overflow-y:hidden">
去掉滚动条 y 轴 <body style="overflow-x:hidden">
滚动条 x/y 轴全部去掉 <body scroll="no">


2、滚动条颜色

<style>
BODY{
SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
SCROLLBAR-SHADOW-COLOR: #ffffff;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #eeeeee;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;}
</style>

代码说明：
SCROLLBAR-FACE-COLOR 滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR 滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR 立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR 滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR 上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR 滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR 滚动条强阴影的颜色
SCROLLBAR-BASE-COLOR 滚动条的基本颜色


3、 箭行符号滚动条代码

<style type="text/css">
<!--
BODY {scrollbar-face-color: white;
scrollbar-highlight-color: white;
scrollbar-shadow-color: white;
scrollbar-3dlight-color: white;
scrollbar-arrow-color: hotpink;
scrollbar-track-color: white;
scrollbar-darkshadow-color: white}
-->
</style>


4、 一侧滚动条代码

<style type="text/css">
<!--
BODY {scrollbar-face-color: white;
scrollbar-highlight-color: white;
scrollbar-shadow-color: hotpink;
scrollbar-3dlight-color: white;
scrollbar-arrow-color: hotpink;
scrollbar-track-color: white;
scrollbar-darkshadow-color: white}
-->
</style>


5、 朴素型滚动条代码

<style type="text/css">
<!--
BODY {
scrollbar-face-color: white;
scrollbar-highlight-color: hotpink;
scrollbar-shadow-color: hotpink;
scrollbar-3dlight-color: white;
scrollbar-arrow-color: hotpink;
scrollbar-track-color: white;
scrollbar-darkshadow-color: white}
-->
</style>

6、一侧滚动条代码

<style type="text/css">
<!--
BODY {scrollbar-face-color: white;
scrollbar-highlight-color: white;
scrollbar-shadow-color: hotpink;
scrollbar-3dlight-color: white;
scrollbar-arrow-color: hotpink;
scrollbar-track-color: white;
scrollbar-darkshadow-color: white}
-->
</style>

7、 立体型滚动条代码

<style type="text/css">
<!--
BODY {scrollbar-face-color: pink;
scrollbar-highlight-color: deeppink;
scrollbar-shadow-color: lavenderblush;
scrollbar-3dlight-color: lavenderblush;
scrollbar-arrow-color: white;
scrollbar-track-color: lavenderblush;
scrollbar-darkshadow-color: deeppink}
-->
</style>

2006-9-21
滚动字代码

 滚动字代码（左右）：

<marquee border="0" align="middle" scrolldelay="120">MoMo的BLOG</marquee>

滚动字幕代码（上下）：
  
<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77
onmouseout="this.start()" onmouseover="this.stop()">我不想擁有愛你的 每一夜
<BR>我也不想要對不起 全世界
<BR>所以不需要解釋誰
<BR>所以可以溫柔不退
<BR>一切就看你心裡要不要勇敢些</MARQUEE>
 

带颜色的阴影效果文字代码: 
 
<P align=center><FONT style="FONT-SIZE: 20pt; FILTER: dropshadow
(color=#228B22,offX=4,offY=2,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><I><B>MoMo的BLOG</B></I></FONT></P>
 

渐变效果文字代码： 

 <P align=center><FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%;COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>MoMo的BLOG</B></FONT></P>
 
 代码说明：
 
opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；
style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。
width：100%则表示参与渐变的对象的宽度，通常都设置为100%。
 

阴影文字效果代码： 

<FONT style="COLOR: #000000; FILTER: shadow(color=blue); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt;WIDTH: 100%"><B>MoMo的BLOG</B></FONT>
 

阴影的文字效果代码2：
 
 </textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2,positive=2)；">
<font color=#6CABE7 size=2>MoMo的BLOG</font>
</table>
 

光晕效果文字代码：

<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=5>MoMo的BLOG</FONT></DIV>



Lib 2007-04-06 15:02 发表评论
]]>用JAVASCRIPT实现主页打开自动弹出一个窗口页 [转]http://www.blogjava.net/jacally/articles/95368.htmlLibLibMon, 22 Jan 2007 08:40:00 GMThttp://www.blogjava.net/jacally/articles/95368.htmlhttp://www.blogjava.net/jacally/comments/95368.htmlhttp://www.blogjava.net/jacally/articles/95368.html#Feedback0http://www.blogjava.net/jacally/comments/commentRss/95368.htmlhttp://www.blogjava.net/jacally/services/trackbacks/95368.html用JAVASCRIPT实现主页打开自动弹出一个窗口页

来源：蓝色理想


window.open(’http://www.blueidea.com’,null,’height=200,width=400,status=yes,toolbar=no,menubar=no,location=no’);


语法：
oNewWindow = window . open ( sURL , sName , sFeatures , bReplace )
参数：
sUrl  : 可选项。字符串(String)。指定要被加载的HTML文档的 URL 地址。假如无指定值，则 about:blank 的新窗口会被显示。
sName  : 可选项。字符串(String)。 指定打开的窗口的名字。这个名字可以用于 form 或 a 对象的 TARGET 属性。此名字也可以使用下列

通用名称: _media  : IE6.0  在浏览器左边的媒体面板内打开 sUrl 。
_blank  :  在新窗口中打开 sUrl 。
_parent  :  在当前框架的父框架内打开。假如当前框架无父框架，此参数值等同于 _self 。
_search  : IE5.0  在浏览器左边的搜索面板内打开 sUrl 。
_self  :  sUrl 在当前窗口中打开，覆盖当前文档。
_top  :  在所有框架之外的最顶层窗口中打开 sUrl 。假如当前窗口无框架结构，此参数值等同于 _self 。
 
sFeatures  : 可选项。字符串(String)。 指定窗口装饰样式。使用下面的值。多个之间用逗号隔开。只有当新的浏览器窗口被建立时，此

参数的设置才会发生作用。 channelmode = { yes | no | 1 | 0 }   指定是否将窗口显示为频道模式。默认值为 no 。
directories = { yes | no | 1 | 0 }   指定是否显示「链接」按钮。默认值为 yes 。
fullscreen = { yes | no | 1 | 0 }   指定是否以全屏方式显示窗口。默认值为 no 。要小心使用全屏模式，因为这种模式会隐藏浏览器

窗口的标题栏和菜单。如果没有在页面内提供关闭窗口的功能，用户可以使用 ALT+F4 快捷键关闭窗口。
height = number   设置窗口的高度。最小值为 100 。
left = number   设置窗口左上角相对于桌面的横坐标。单位为像素( px )。
width = number   设置窗口的宽度。最小值为 100 。
top = number   设置窗口左上角相对于桌面的纵坐标。单位为像素( px )。
location = { yes | no | 1 | 0 }   设置是否显示浏览器窗口的地址栏。默认值为 yes 。
menubar = { yes | no | 1 | 0 }   设置是否显示浏览器窗口的菜单栏。默认值为 yes 。
resizable = { yes | no | 1 | 0 }   设置窗口是否允许被用户改变尺寸。默认值为 yes 。
scrollbars = { yes | no | 1 | 0 }   设置窗口是否可以具有滚动条。默认值为 yes 。
status = { yes | no | 1 | 0 }   设置是否显示浏览器窗口的状态栏。默认值为 yes 。
titlebar = { yes | no | 1 | 0 }   设置是否显示浏览器窗口的标题栏。除非调用程序是HTML应用程式( HTA )或被信任的对话框，否则此

参数将被忽略。默认值为 yes 。
toolbar = { yes | no | 1 | 0 }   设置是否显示浏览器窗口的工具条。默认值为 yes 。
 
bReplace  : 可选项。布尔值(Boolean)。false | true false  : 新打开的文档覆盖历史列表里的当前文档。

true  : 文新打开的文档被简单的添加到历史列表的最后。
 

返回值：
oNewWindow  : 对象(Element)。返回对新的 window 对象的引用。

说明：
打开新窗口并载入 sUrl 指定的HTML文档。默认情况下，此方法建立的新窗口具有默认的高度、宽度，以及菜单、工具条等。您可以使用

sFeatures 参数改变它们的设置。
当 sFeatures 参数被指定时，没有在参数值的列表中出现的装饰样式都会被自动设置为 no 。
IE5+ 中允许控制打开的窗口的标题栏。通过在被信任的程序像 Microsoft&reg; Visual Basic 或者HTML应用程式( HTA )中打开窗口可以关闭

标题栏。他们是可信任的因为他们使用 Microsoft&reg; Internet Explorer 作为浏览器接口。
当文档内的对象上的事件( event )激发的函数调用 open 方法时， window 对象的 open 方法被使用。而当文档内的对象上的事件( event )

直接使用 open 方法时， document 对象的 open 方法被使用。

 



Lib 2007-01-22 16:40 发表评论
]]>控制纵打、 横打”和“页面的边距去掉页眉分页...打印大全 [转]http://www.blogjava.net/jacally/articles/95367.htmlLibLibMon, 22 Jan 2007 08:39:00 GMThttp://www.blogjava.net/jacally/articles/95367.htmlhttp://www.blogjava.net/jacally/comments/95367.htmlhttp://www.blogjava.net/jacally/articles/95367.html#Feedback0http://www.blogjava.net/jacally/comments/commentRss/95367.htmlhttp://www.blogjava.net/jacally/services/trackbacks/95367.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
}
 

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

wb.execwb(7,1);


}

function printit()
{
if (confirm('确定打印吗？')) {
wb.execwb(6,6)
}
}
 
 
 
<OBJECT classid="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
 
</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
 
服务器端脚本：
<%………
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>
 
分页:
 



Lib 2007-01-22 16:39 发表评论
]]>隐藏文本框的滚动条http://www.blogjava.net/jacally/articles/95360.htmlLibLibMon, 22 Jan 2007 08:17:00 GMThttp://www.blogjava.net/jacally/articles/95360.htmlhttp://www.blogjava.net/jacally/comments/95360.htmlhttp://www.blogjava.net/jacally/articles/95360.html#Feedback0http://www.blogjava.net/jacally/comments/commentRss/95360.htmlhttp://www.blogjava.net/jacally/services/trackbacks/95360.html<title>新建网页 1</title>


<body style="">
<textarea style="" runat=server cols="10" rows="10" accesskey="" disabled></textarea>
<TEXTAREA   NAME="text1"   ROWS="4"   COLS="26"   style="overflow:hidden"></textarea>


Lib 2007-01-22 16:17 发表评论
]]>