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


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 相关文章推荐
js判断样式className同时增加class或删除class
Jan 30 Javascript
jQuery实用基础超详细介绍
Apr 11 Javascript
jquery实现点击弹出层效果的简单实例
Mar 03 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
Apr 23 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
Jan 18 Javascript
Jquery 实现弹出层插件
Jan 28 Javascript
JavaScript判断变量名是否存在数组中的实例
Dec 28 Javascript
vue导出html、word和pdf的实现代码
Jul 31 Javascript
vue.extend与vue.component的区别和联系
Sep 19 Javascript
JavaScript实现简单验证码
Aug 24 Javascript
JavaScript this关键字指向常用情况解析
Sep 02 Javascript
es5 类与es6中class的区别小结
Nov 09 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
Ping服务的php实现方法,让网站快速被收录
2012/02/04 PHP
ThinkPHP3.2.3数据库设置新特性
2015/03/05 PHP
yii2实现根据时间搜索的方法
2016/05/25 PHP
Js+XML 操作
2006/09/20 Javascript
JSON 数据格式介绍
2012/01/13 Javascript
JavaScript高级程序设计(第3版)学习笔记10 再访js对象
2012/10/11 Javascript
使用JS 清空File控件的路径值
2013/07/08 Javascript
判断滚动条到底部的JS代码
2013/11/04 Javascript
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
2014/05/05 Javascript
基于OL2实现百度地图ABCD marker的效果
2015/10/01 Javascript
TypeOf这些知识点你了解吗
2016/02/21 Javascript
jquery常用的12个小功能
2016/07/22 Javascript
JavaScript用构造函数如何获取变量的类型名
2016/12/23 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
2017/07/14 Javascript
浅谈函数调用的不同方式,以及this的指向
2017/09/17 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
2018/08/07 Javascript
Vue-router的使用和出现空白页,路由对象属性详解
2018/09/03 Javascript
微信小程序wx.request拦截器使用详解
2019/07/09 Javascript
vue实现两个区域滚动条同步滚动
2020/12/13 Vue.js
python使用paramiko模块实现ssh远程登陆上传文件并执行
2014/01/27 Python
python中使用urllib2获取http请求状态码的代码例子
2014/07/07 Python
Python简单删除目录下文件以及文件夹的方法
2015/05/27 Python
Python list列表中删除多个重复元素操作示例
2019/02/27 Python
python误差棒图errorbar()函数实例解析
2020/02/11 Python
Python实现栈的方法详解【基于数组和单链表两种方法】
2020/02/22 Python
Python中的wordcloud库安装问题及解决方法
2020/05/27 Python
英国高级百货公司:Harvey Nichols
2017/01/29 全球购物
MADE法国:提供原创设计师家具
2018/09/18 全球购物
会计实习期自我鉴定
2013/10/06 职场文书
护士实习鉴定范文
2013/12/22 职场文书
秋天的怀念教学反思
2014/04/28 职场文书
三八妇女节寄语
2015/02/27 职场文书
2015年部门工作总结范文
2015/03/31 职场文书
2015年超市员工工作总结
2015/05/04 职场文书
教育教学工作反思
2016/02/24 职场文书
Pygame Draw绘图函数的具体使用
2021/11/17 Python