论坛特效代码收集(落伍转发-不错)


Posted in Javascript onDecember 02, 2006

1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条)
overflow-x水平方向内容溢出时的设置
overflow-y垂直方向内容溢出时的设置
以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

2.scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色)
scrollbar-arrow-color上下按钮上三角箭头的颜色
scrollbar-base-color滚动条的基本颜色
scrollbar-dark-shadow-color立体滚动条强阴影的颜色
scrollbar-face-color立体滚动条凸出部分的颜色
scrollbar-highlight-color滚动条空白部分的颜色
scrollbar-shadow-color立体滚动条阴影的颜色

我们通过几个实例来讲解上述的样式属性:
1.让浏览器窗口永远都不出现滚动条
没有水平滚动条
<body style="overflow-x:hidden">
没有垂直滚动条
<body style="overflow-y:hidden">
没有滚动条
<body style="overflow-x:hidden;overflow-y:hidden">或<body 
style="overflow:hidden">

2.设定多行文本框的滚动条

没有水平滚动条
<textarea style="overflow-x:hidden"></textarea>

没有垂直滚动条
<textarea style="overflow-y:hidden"></textarea>

没有滚动条
<textarea style="overflow-x:hidden;overflow-y:hidden"></textarea>
或<textarea style="overflow:hidden"></textarea>

3.设定窗口滚动条的颜色
设置窗口滚动条的颜色为红色<body style="scrollbar-base-color:red">
scrollbar-base-color设定的是基本色,一般情况下只需要设置这一个属性就可以达到改变滚动条颜色的目的。
加上一点特别的效果:
<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon">

4.在样式表文件中定义好一个类,调用样式表。
<style>
.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}
</style>
这样调用:
<textarea class="coolscrollbar"></textarea>

无边框窗口代码
//第一步:把如下代码加入<head></head>区域中 
<script language=javascript> 
minimizebar="minimize.gif"; //视窗右上角最小化「按钮」的图片 
minimizebar2="minimize2.gif"; //滑鼠悬停时最小化「按钮」的图片 
closebar="close.gif"; //视窗右上角关闭「按钮」的图片 
closebar2="close2.gif"; //滑鼠悬停时关闭「按钮」的图片 
icon="icon.gif"; //视窗左上角的小图标 

function noBorderWin(fileName,w,h,titleBg,moveBg,titleColor,titleWord,scr) //定义一个弹出无边视窗的函数,能数意义见下面「参数说明」,实际使用见最後的实例。 
/* 
------------------参数说明------------------- 
fileName :无边视窗中显示的文件。 
w

 :视窗的宽度。 
h

 :视窗的高度。 
titleBg :视窗「标题栏」的背景色以及视窗边框颜色。 
moveBg :视窗拖动时「标题栏」的背景色以及视窗边框颜色。 
titleColor :视窗「标题栏」文字的颜色。 
titleWord :视窗「标题栏」的文字。 
scr :是否出现卷轴。取值yes/no或者1/0。 
-------------------------------------------- 
*/ 

var contents="<html>"+ 
"<head>"+ 
"<title>"+titleWord+"</title>"+ 
"<META http-equiv=\"Content-Type\" content=\"text/html; charset=gb2312\">"+ 
"<object id=hhctrl type='application/x-oleobject' classid='clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11'><param name='Command' value='minimize'></object>"+ 
"</head>"+ 
"<body topmargin=0 leftmargin=0 scroll=no onselectstart='return false' ondragstart='return false'>"+ 
" <table height=100% width=100% cellpadding=0 cellspacing=1 bgcolor="+titleBg+" id=mainTab>"+ 
" <tr height=18 style=cursor:default; onmousedown='x=event.x;y=event.y;setCapture();mainTab.bgColor=\""+moveBg+"\";' onmouseup='releaseCapture();mainTab.bgColor=\""+titleBg+"\";' onmousemove='if(event.button==1)self.moveTo(screenLeft+event.x-x,screenTop+event.y-y);'>"+ 
" <td width=18 align=center><img height=12 width=12 border=0 src="+icon+"></td>"+ 
" <td width="+w+"><span style=font-size:12px;color:"+titleColor+";font-family:宋体;position:relative;top:1px;>"+titleWord+"</span></td>"+ 
" <td width=14><img border=0 width=12 height=12 alt=最小化 src="+minimizebar+" onmousedown=hhctrl.Click(); onmouseover=this.src='"+minimizebar2+"' onmouseout=this.src='"+minimizebar+"'></td>"+ 
" <td width=13><img border=0 width=12 height=12 alt=关闭 src="+closebar+" onmousedown=self.close(); onmouseover=this.src='"+closebar2+"' onmouseout=this.src='"+closebar+"'></td>"+ 
" </tr>"+ 
" <tr height=*>"+ 
" <td colspan=4>"+ 
" <iframe name=nbw_v6_iframe src="+fileName+" scrolling="+scr+" width=100% height=100% frameborder=0></iframe>"+ 
" </td>"+ 
" </tr>"+ 
" </table>"+ 
"</body>"+ 
"</html>"; 
pop=window.open("","_blank","fullscreen=yes"); 
pop.resizeTo(w,h); 
pop.moveTo((screen.width-w)/2,(screen.height-h)/2); 
pop.document.writeln(contents); 
if(pop.document.body.clientWidth!=w||pop.document.body.clientHeight!=h) //如果无边视窗不是出现在纯粹的IE视窗中 

temp=window.open("","nbw_v6"); 
temp.close(); 
window.showModalDialog("about:<"+"script language=javascript>window.open('','nbw_v6','fullscreen=yes');window.close();"+"</"+"script>","","dialogWidth:0px;dialogHeight:0px"); 
pop2=window.open("","nbw_v6"); 
pop2.resizeTo(w,h); 
pop2.moveTo((screen.width-w)/2,(screen.height-h)/2); 
pop2.document.writeln(contents); 
pop.close(); 


</script> 
//第二步:把如下代码加入<body></body>区域中 
<a href=#none onclick=noBorderWin('rate.htm','400','240','#000000','#333333','#CCCCCC','一个无边视窗的测试例子','yes');>open〈/a〉

Javascript 相关文章推荐
让textarea控件的滚动条怎是位与最下方
Apr 20 Javascript
Sample script that deletes a SQL Server database
Jun 16 Javascript
javascript 当前日期转化为中文的实现代码
May 13 Javascript
JSF中confirm弹出框的用法示例介绍
Jan 07 Javascript
c#程序员对TypeScript的认识过程
Jun 19 Javascript
JS实现超简单的仿QQ折叠菜单效果
Sep 21 Javascript
form表单转Json提交的方法(推荐)
Sep 23 Javascript
JS常见算法详解
Feb 28 Javascript
gulp解决跨域的配置文件问题
Jun 08 Javascript
基于JS开发微信网页录音功能的实例代码
Apr 30 Javascript
通过layer实现可输入的模态框的例子
Sep 27 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
Mar 20 jQuery
线路分流自动跳转代码;希望对大家有用!
Dec 02 #Javascript
phpwind放自动注册方法
Dec 02 #Javascript
一段好玩的JavaScript代码
Dec 01 #Javascript
[原创]网络复制内容时常用的正则+editplus
Nov 30 #Javascript
JavaScript中令你抓狂的魔术变量
Nov 30 #Javascript
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
Nov 30 #Javascript
小议Function.apply() 之一------(函数的劫持与对象的复制)
Nov 30 #Javascript
You might like
php 网页游戏开发入门教程一(webgame+design)
2009/10/26 PHP
php 获取页面中指定内容的实现类
2014/01/23 PHP
php生成唯一的订单函数分享
2015/02/02 PHP
php无序树实现方法
2015/07/28 PHP
PHP实现二维数组根据key进行排序的方法
2016/12/30 PHP
JS宝典学习笔记(下)
2007/01/10 Javascript
经常用到的JavasScript事件的翻译
2007/04/09 Javascript
$.ajax json数据传递方法
2008/11/19 Javascript
基于jquery1.4.2的仿flash超炫焦点图播放效果
2010/04/20 Javascript
Javascript 八进制转义字符(8进制)
2011/04/08 Javascript
JS关键字变色实现思路及代码
2013/02/21 Javascript
用JQuery 判断某个属性是否存在hasAttr的解决方法
2013/04/26 Javascript
JavaScript中字符串分割函数split用法实例
2015/04/07 Javascript
底部悬浮通栏可以关闭广告位的实现方法
2016/06/01 Javascript
js实现简单的计算器功能
2017/01/16 Javascript
最常见和最有用的字符串相关的方法详解
2017/02/06 Javascript
使用javascript做在线算法编程
2018/05/25 Javascript
微信小程序如何实现精确的日期时间选择器
2020/01/21 Javascript
使用AutoJs实现微信抢红包的代码
2020/12/31 Javascript
pycharm 使用心得(一)安装和首次使用
2014/06/05 Python
使用Python实现下载网易云音乐的高清MV
2015/03/16 Python
编写Python脚本使得web页面上的代码高亮显示
2015/04/24 Python
Python 转义字符详细介绍
2017/03/21 Python
Python中类的初始化特殊方法
2017/12/01 Python
Python 使用 PyMysql、DBUtils 创建连接池提升性能
2019/08/14 Python
Django实现文件上传下载功能
2019/10/06 Python
解决jupyter notebook import error但是命令提示符import正常的问题
2020/04/15 Python
Python分析最近大火的网剧《隐秘的角落》
2020/07/02 Python
python调用百度AI接口实现人流量统计
2021/02/03 Python
大学生军训自我鉴定
2014/02/12 职场文书
乡镇党的群众路线对照检查材料
2014/09/24 职场文书
群众路线组织生活会发言材料
2014/10/17 职场文书
汽车销售合同文本
2019/08/08 职场文书
分享一些Java的常用工具
2021/06/11 Java/Android
vue实现列表拖拽排序的示例代码
2022/04/08 Vue.js
Python+DeOldify实现老照片上色功能
2022/06/21 Python