动态设置页面字大小
以下本博客程序为例,实现代码如下: 1.脚本代码: function SetFont(size){ document.getElementById("logPanel").style.fontSize=size } 2.在页面中加入一名为logPanel的标签: 这中间的文字大小将被任意改变。 3.放置链接: 字体大小: 小 中 大 OK,这样即可以通过鼠标点击链接来更换大小,也可以通过按快捷键来实现。
以下本博客程序为例,实现代码如下: 1.脚本代码: function SetFont(size){ document.getElementById("logPanel").style.fontSize=size } 2.在页面中加入一名为logPanel的标签: 这中间的文字大小将被任意改变。 3.放置链接: 字体大小: 小 中 大 OK,这样即可以通过鼠标点击链接来更换大小,也可以通过按快捷键来实现。
很多时候我们需要提供这样的功能给访问者:当访问者点击页面中的缩略图时,其对应的全尺寸图片将显示在一个新的弹出窗口中供访问者查看。 实现此功能的最简单作法是用以下HTML代码创建一个图像链接: 其中标记的href属性指定全尺寸图片的URL,target属性设置为_blank指定在新窗口中显示该图片;标记的src属性指定缩略图的URL。 如果我们想对显示全尺寸图片的窗口的外观进行某些控制(比如希望弹出窗口的高度、宽度能与全尺寸图片的大小匹配时),则可调用 window.open 方法,该方法接收三个参数,分别指定要打开文件的URL,窗口名及窗口特性,在窗口特性参数中可指定窗口的高度、宽度,是否显示菜单栏、工具栏等。以下代码将显示全尺寸图片在一个没有工具栏、地址栏、状态栏、菜单栏,宽、高分别为400、350的窗口中:…
top: 该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令,就可以用top变量。 parent: 该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口,而在其中一个分割窗口中又包含着分割窗口,则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。 附:Windwo对象、Parent对象、Frame对象、Document对象和Form对象的阶层关系 Windwo对象→Parent对象→Frame对象→Document对象→Form对象,如下: parent.frame1.document.forms.elements.value;
FRAME(框架)是Web上经常会看到的页面结构。使用可视Web开发工具(比如Dreamweaver或者Frontpage),虽然可以在WYSIWYG环境中通过简单的鼠标托拽完成FRAME的构建,但是要实现真正细致甚至强大的功能,仔细理解FRAME的代码结构至关重要!你将发现,FRAME原来是这样的亲切易用。 创建基本的FRAMESET FRAMESET页面与普遍的Web页面有些不同。虽然仍旧以和包含标题的标记以及其他脚本开始,但是其内容仅仅是表示的各个页面的版式设计。因此,不再需要有元素,只需要标记。 通过标记的和属性,浏览器窗口被分割为一个个格子。和的设置值可以是固定的像素值,可以是总空间的百分比值,还可以是用*以及一个数字相乘表示的分割剩余空间的比例值。比如说:…
--------------------------------------------------------------------- 注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写 否则会提示你一个错误信息 "引用的元素为空或者不是对象" --------------------------------------------------------------------- 一、Document对象属性 document.title //设置文档标题等价于HTML的标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色)…
解析 self.opener的意思是本窗口的父窗口,也就是说通过哪个窗口打开了本窗口,哪个窗口就是本窗口的self.opener。 实例 动网论坛更改头像中运用了这个方法。在其mymodify.asp页面中有个头像图片:,此页还有一个“头像预览”的文本链接供打开一个新的页面smiley.asp来选择头像图片,在smiley.asp中主要代码如下: function insertface(userface,width,height){ self.opener.theForm.myface.value=userface; self.opener.theForm.width.value=width;…
一、选中热点,点击右键,选择剪切 二、直接将热点拖出图片范围即可
一个页面中两个frame,要实现的效果是点击页面中的一个链接后,两个frame中分别打开不同的页面,如下图示: 本文提供JAVASCRIPT和Flash两种解决方案: 一、JAVASCRIPT解决方案 1.在head部分添加如下代码: function adClick(urla, urlb) { window.open(urla,"aaa"); window.open(urlb,"bbb"); } 2.在body部分的添加如下链接代码: 链接 二、Flash解决方案 使用Flash按钮,并给按钮添加如下事件: on (release) { getURL("01.htm","aaa"); getURL("02.htm","bbb");…
提供注册的地方一般都有高级用户设置选项这块,像动网论坛、discuz论坛,一般都是点击显示高级用户设置选项则出现高级选项,点击关闭高级用户设置选项则隐藏这些选项,下边我们看看它们是怎么实现的: 一、动网论坛 1.JAVASCRIPT脚本: 2.供选择的复选框: 显示高级用户设置选项 3.高级选项: 填写详细资料 头像: 选择的头像将出现在您的资料和发表的帖子中,您也可以选择下面的自定义头像 ... 毕业院校: 二、discuz论坛 1.JAVASCRIPT脚本: function showadv() { if(document.register.advshow.checked == true) {…
如今网上很多的脚本实现起来效果都不尽人意,经过整合,本脚本可以真正实现无关闭提示,全屏打开无滚动条窗口。似乎window.open方法都避免不了打开新的页面,本例的实现过程是打开全屏无滚动条新页面(02.htm)的同时无提示关闭原页面(01.htm),代码如下: 01.htm代码如下: function winopen(){ window.open("02.htm","","fullscreen,scrollbars"); opener='fa'; ieVersion = oClientCaps.getComponentVersion("{89820200-ECBD-11CF-8B85-00AA005B4383}","ComponentID");…