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


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 相关文章推荐
JQuery插件fancybox无法在弹出层使用左右键的解决办法
Dec 25 Javascript
display和visibility的区别示例介绍
Feb 26 Javascript
Javascript中对象继承的实现小例
May 12 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
Aug 08 Javascript
Jquery简单分页实现方法
Jul 24 Javascript
javascript设计模式之module(模块)模式
Aug 19 Javascript
很棒的vue弹窗组件
May 24 Javascript
JavaScript箭头函数_动力节点Java学院整理
Jun 28 Javascript
js实现rem自动匹配计算font-size的示例
Nov 18 Javascript
对layui中的onevent 和event的使用详解
Sep 06 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
Oct 15 Javascript
JS实现网站吸顶条
Jan 08 Javascript
线路分流自动跳转代码;希望对大家有用!
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
在WAMP环境下搭建ZendDebugger php调试工具的方法
2011/07/18 PHP
thinkPHP5.0框架整体架构总览【应用,模块,MVC,驱动,行为,命名空间等】
2017/03/25 PHP
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
2007/04/12 Javascript
jquery 插件开发方法小结
2009/10/23 Javascript
关于Javascript与iframe的那些事儿
2013/07/04 Javascript
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
2014/12/18 NodeJs
轻松创建nodejs服务器(7):阻塞操作的实现
2014/12/18 NodeJs
四种参数传递的形式——URL,超链接,js,form表单
2015/07/24 Javascript
VUEJS实战之修复错误并且美化时间(2)
2016/06/13 Javascript
快速掌握jQuery插件开发
2017/01/19 Javascript
boostrapTable的refresh和refreshOptions区别浅析
2017/01/22 Javascript
ECMAScript6 新特性范例大全
2017/03/24 Javascript
js实现图片加载淡入淡出效果
2017/04/07 Javascript
详解Vue使用 vue-cli 搭建项目
2017/04/20 Javascript
以v-model与promise两种方式实现vue弹窗组件
2018/05/21 Javascript
vue基础之事件v-onclick=&quot;函数&quot;用法示例
2019/03/11 Javascript
vue跳转方式(打开新页面)及传参操作示例
2020/01/26 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
2020/02/10 Javascript
javascript前端实现多视频上传
2020/12/13 Javascript
opencv python 图像去噪的实现方法
2018/08/31 Python
Python中的类与类型示例详解
2019/07/10 Python
Python基于requests实现模拟上传文件
2020/04/21 Python
如何用border-image实现文字气泡边框的示例代码
2020/01/21 HTML / CSS
CSS实现进度条和订单进度条的示例
2020/11/05 HTML / CSS
基于HTML5+CSS3实现简单的时钟效果
2017/09/11 HTML / CSS
水果花束:Fruit Bouquets
2017/12/20 全球购物
英国的一家创新礼品和小工具零售商:Menkind
2019/08/24 全球购物
中专自我鉴定范文
2013/10/16 职场文书
师范毕业生自荐信
2013/10/17 职场文书
会议活动邀请函
2014/01/27 职场文书
信息与计算科学专业推荐信
2014/02/23 职场文书
老师对学生的寄语
2014/04/09 职场文书
中韩经贸翻译专业大学生职业生涯规划范文
2014/09/18 职场文书
领导班子四风对照检查材料
2014/09/23 职场文书
2014年项目经理工作总结
2014/11/24 职场文书
Python图像处理之图像拼接
2021/04/28 Python