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


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 相关文章推荐
javascript数组组合成字符串的脚本
Jan 06 Javascript
JQuery动态给table添加、删除行 改进版
Jan 19 Javascript
javascript之typeof、instanceof操作符使用探讨
May 19 Javascript
javaScript基础语法介绍
Feb 28 Javascript
JavaScript实现简单的tab选项卡切换
Jan 05 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
Jun 14 Javascript
jquery 抽奖小程序实现代码
Oct 12 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
Aug 23 Javascript
利用vue + element实现表格分页和前端搜索的方法
Dec 25 Javascript
vue 自定义提示框(Toast)组件的实现代码
Aug 17 Javascript
vue 使用vue-i18n做全局中英文切换的方法
Oct 29 Javascript
vue中配置scss全局变量的步骤
Dec 28 Vue.js
线路分流自动跳转代码;希望对大家有用!
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小技巧搜集,每个PHPer都来露一手
2007/01/02 PHP
PHP5.5在windows安装使用memcached服务端的方法
2014/04/16 PHP
thinkphp在模型中自动完成session赋值示例代码
2014/09/09 PHP
Linux下安装PHP MSSQL扩展教程
2014/10/24 PHP
PHP实现通用alert函数的方法
2015/03/11 PHP
php+ajax注册实时验证功能
2016/07/20 PHP
用javascript实现页面打印的三种方法
2007/03/05 Javascript
Javascript改变CSS样式(局部和全局)
2013/12/18 Javascript
JS检测输入字符是否包含非法字符的示例代码
2014/02/11 Javascript
JS实现局部选择打印和局部不选择打印
2014/04/03 Javascript
jquery实现美观的导航菜单鼠标提示特效代码
2015/09/06 Javascript
高效Web开发的10个jQuery代码片段
2016/07/22 Javascript
简洁实用的BootStrap jQuery手风琴插件
2016/08/31 Javascript
js监听键盘事件的方法_原生和jquery的区别详解
2016/10/10 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
2016/12/21 Javascript
iframe高度自适应及隐藏滚动条的实例详解
2017/09/29 Javascript
Vue组件之全局组件与局部组件的使用详解
2017/10/09 Javascript
微信小程序调用摄像头隐藏式拍照功能
2018/08/22 Javascript
js实现文章目录索引导航(table of content)
2020/05/10 Javascript
js基于canvas实现时钟组件
2021/02/07 Javascript
[04:36]DOTA2国际邀请赛 ti3精彩集锦
2013/08/19 DOTA
Python使用稀疏矩阵节省内存实例
2014/06/27 Python
Python中使用Boolean操作符做真值测试实例
2015/01/30 Python
Python写入CSV文件的方法
2015/07/08 Python
python 调用HBase的简单实例
2016/12/18 Python
Django实现快速分页的方法实例
2017/10/22 Python
python取代netcat过程分析
2018/02/10 Python
python+opencv3.4.0 实现HOG+SVM行人检测的示例代码
2021/01/28 Python
纯CSS3实现鼠标悬停提示气泡效果
2014/02/28 HTML / CSS
英语翻译系毕业生求职信
2013/09/29 职场文书
自我鉴定注意事项
2014/01/19 职场文书
中学生班主任评语
2014/01/30 职场文书
小学数学国培感言
2014/03/10 职场文书
公务员培的训心得体会
2014/09/01 职场文书
党建工作整改措施
2014/10/28 职场文书
2014年村官工作总结
2014/11/24 职场文书