分享
 
 
 

总结网页代码常用小技巧,网页制作必学

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

1.让浏览器窗口永远都不出现滚动条。

〈body style="overflow-x:hidden;overflow-y:hidden"〉或〈body style="overflow:hidden"〉 或〈body scroll=no〉

2,没有水平滚动条

〈body style="overflow-x:hidden"〉

3,没有垂直滚动条

〈body style="overflow-y:hidden"〉

2,如何给图片抖动怎做的.

〈SCRIPT language=javascript1.2〉

〈!--

var rector=2

var stopit=0

var a=1

var count=0

function init(which){

stopit=0

shake=which

shake.style.left=0

shake.style.top=0

}

function rattleimage(){

if ((!document.all&&!document.getElementById)||stopit==1||count==100)

return

count++

if (a==1){

shake.style.top=parseInt(shake.style.top)+rector

}

else if (a==2){

shake.style.left=parseInt(shake.style.left)+rector

}

else if (a==3){

shake.style.top=parseInt(shake.style.top)-rector

}

else{

shake.style.left=parseInt(shake.style.left)-rector

}

if (a〈4)

a++

else

a=1

setTimeout("rattleimage()",50)

}

function stoprattle(which){

stopit=1

count=0

which.style.left=0

which.style.top=0

}

//--〉

〈/SCRIPT〉

〈style〉.shakeimage {POSITION: relative}

〈/style〉

〈img src="图片的路径" onmouseout=stoprattle(this) onmouseover=init(this);rattleimage() class=shakeimage〉

4,在DW如何给水平线加颜色。

在DW中没有此项设置,你只能在HTML中加入代码:〈hr color=red noshade〉按F12的预览在能看到。由于在NC中不支持〈hr〉的COLOR属性,所以在DW中没有此项设置。

5,如何在网页中实现flash的全屏播放?

只要在调用swf文件的HTML中将WIDTH和HEIGHT的参数设为100%即可,当然也可以在Flash导出HTML文件的设置中进行设置,方法是:打开File菜单;选Publish Settings弹出导出设置对话框;在HTML标签下的Dimensions选项,下拉后选中Percent(百分比),并在WIDTH 和HEIGHT框中填100.就行了。

6,为什么我在DW中插入的Flash动画缺看不找!

如果你没有正确地安装Dreamweaver和Flash,那么在你预览的时候,Dreamweaver会提示你缺少播放的插件,请你按装InstallAXFlash.exe 并从新启动计算机。现在IE6已经捆绑这个程序。

7,在Flash中,如果屏蔽鼠标右键?FS命令都是什么意思?

fscommand ("fullscreen", "true/false");(全屏设置,TRUE开,FALSE关)

fscommand ("showmenu", "true/false");(右键菜单设置,TRUE显示,FALSE不显示)

fscommand ("allowscale", "true/false");(缩放设置,TRUE自由缩放,FALSE调整画面不影响影片本身的尺寸)

fscommand ("trapallkeys", "true/false");(快捷键设置,TRUE快捷键开,FALSE快捷键关)

fscommand ("exec");(EXE程序调用)

fscommand ("quit");(退出关闭窗口)

8,Flash中什么是隐形按钮。

利用button中的hit帧来制作只有感应区域而完全透明的按钮。

9,如何给Flash动画做链接。

Dreamweaver是不能给Flash制作链接的,只能在Flash中用geturl()加链接,然后再插入Dreamweaver中。

10,DW中的层的技巧。

层是可以嵌套的,我个人给大家一个技巧,在层面板中按住CTRL再拖放层到你想去成为其子层的地方就行了,我认为这是最简单直观的方法了。

11,如何改变鼠标的形状?

在Dreamweaver4中CSS样式面板:

按CTR +SHIFT+E--出现样式表对话框,点击NEW,出现编辑对话框,在左边最后一项extensions-cursor 选择你要改的指针形式就可以了,然后把你要想改变的地方运用样式表,如果整页都有在〈body bgcolor="#003063" text="#ffffff" id=all〉中加入就行了。

〈span style="cursor:X`〉样例〈/span〉

这里选择(文本)作为对象,还可以自己改为其他的,如link等。

x 可以等于=hand(手形)、crosshair(十字)、text(文本光标)、wait(顾名思义啦)、default(默认效果)、help(问号)、e-size(向右箭头)、ne-resize(向右上的箭头)、nw-resize(向左上的箭头)、w-resize(向左的箭头)、sw- resize(左下箭头)、s-resize(向下箭头)、se-resize(向右下箭头)、auto(系统自动给出效果)。

12,用CSS做邮票,看看吧!

〈input type=button value=我象不象邮票? style="height:80px;border:2px dashed #cccccc"〉

13,经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,怎么做呢!

这javascript代码即可实现,摘录蓝色论坛。

【1、最基本的弹出窗口代码】

其实代码非常简单:

〈SCRIPT LANGUAGE="javascript"〉

〈!--

window.open (`page.html`)

--〉

〈/SCRIPT〉

因为着是一段javascripts代码,所以它们应该放?lt;SCRIPT LANGUAGE="javascript"〉标签和〈/script〉之间。〈!-- 和 --〉是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。

window.open (`page.html`) 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混用。

这一段代码可以加入HTML的任意位置,〈head〉和〈/head〉之间可以,〈body bgcolor="#003063" text="#ffffff" id=all〉间〈/body〉也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。

【2、经过设置后的弹出窗口】

下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。

我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。

〈SCRIPT LANGUAGE="javascript"〉

〈!--

window.open (`page.html`, `newwindow`, `height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no`)

//写成一行

--〉

〈/SCRIPT〉

参数解释:

〈SCRIPT LANGUAGE="javascript"〉 js脚本开始;

window.open 弹出新窗口的命令;

`page.html` 弹出窗口的文件名;

`newwindow` 弹出窗口的名字(不是文件名),非必须,可用空``代替;

height=100 窗口高度;

width=400 窗口宽度;

top=0 窗口距离屏幕上方的象素值;

left=0 窗口距离屏幕左侧的象素值;

toolbar=no 是否显示工具栏,yes为显示;

menubar,scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小,yes为允许;

location=no 是否显示地址栏,yes为允许;

status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

〈/SCRIPT〉 js脚本结束

【3、用函数控制弹出窗口】

下面是一个完整的代码。

〈html〉

〈head〉

〈script LANGUAGE="javascript"〉

〈!--

function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar=

no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

//写成一行

}

//--〉

〈/script〉

〈/head〉

〈body onload="openwin()"〉

…任意的页面内容…

〈/body〉

〈/html〉

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。

怎么调用呢?

方法一:〈body onload="openwin()"〉 浏览器读页面时弹出窗口;

方法二:〈body onunload="openwin()"〉 浏览器离开页面时弹出窗口;

方法三:用一个连接调用:

〈a href="#" onclick="openwin()"〉打开一个窗口〈/a〉

注意:使用的“#”是虚连接。

方法四:用一个按钮调用:

〈input type="button" onclick="openwin()" value="打开窗口"〉

14,没有用表格写的,让大家随便看看,没什么。

〈html〉

〈head〉

〈title〉江南荷花扇面〈/title〉

〈meta http-equiv="Content-Type" content="text/html; charset=gb2312"〉

〈style type="text/css"〉

〈!--

.font1 { font-size: 12px; color: #999999; text-decoration: none}

a { font-size: 12px; color: #999999; text-decoration: none}

a:hover { font-size: 12px; color: #000000; text-decoration: none}

--〉

〈/style〉

〈/head〉

〈body bgcolor="#FFFFFF" text="#000000"〉

〈div class="font1" style="writing-mode=tb-rl;height:200px" width=300〉

〈p〉盛夏尚涛

〈p〉〈a href="index.htm"〉一夜露痕黄粉香袁运甫 〈/a〉

〈p〉瑶池昨夜新凉王金岭

〈p〉一朵白莲随意开吴冠南

〈p〉新雨迎秋欲满塘齐辛民

〈p〉十里荷香齐辛民

〈p〉濯清莲而不妖卢世曙

〈/div〉

〈/body〉

〈/html〉

15,IE6已支持自定义cursor!

语法格式 cursor:url(图标) //cur或是ani文件.

cur就是WINDOWS中的光标(cursor)文件,光标文件与图标(ICON)文件除了文件头有一个位置的值不同外,实际是一样的。

ani是WINDOWS中的动画光标(图标)文件。

〈style type="text/css"〉

〈!--

.unnamed1 { cursor:url(arrow2c.cur)}

--〉

〈/style〉

16,用marquee做的滚动字幕.这也我刚看到论坛的朋友在问。

语法:

align=# | top | middle| bottom //对齐方式)

BEHAVIOR=ALTERNATE | SCROLL | SLIDE //移动的方式

BGCOLOR=color//底色区域颜色

DIRECTION=DOWN | LEFT | RIGHT | UP //移动的方向

Loop=n //循环次数(默认是循环不止)

Scrolldelay=milliseconds//延时

height=# width=# //区域面积

hspace=# vspace=# //空白区域

scrollamount=# //移动的速度

〈marquee align=top behavior=ALTERNATE BGCOLOR=#000000 height=60 width=433 scrollamount=5〉〈/marquee〉

17,在FLASH5中也存在一些字体,打散后变成一团的事是为什么?有解决的办法吗。

这是大家很常见的问题!可能是对字库支持的不好!我个是做成透明的gif图片格式,然后倒入。

18,flash的网页里“加入收藏夹”功能怎么实现?

在as中加getUrl("java script:window.external.addFavorite(http://www.webjx.com`,`网页教学网`)")

19,在Flash中,文本的动态属性和输入属性的区别。

input text在运行时可被用户或程序改变其值。

ynamic text仅允许被程序修改。

20,怎样在IE中调用Dreamweaver进行编辑.

相信很多在使用WinME或Window2000的朋友,会遇见是个问题。很简单,把我们笔记本程序打开,保存为一个 *.reg 文件。双击它将信息添加到注册表即可。

REGEDIT4

[HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver]

[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]

[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit]

[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]

@=""c:Program FilesMacromediaDreamweaver 4dreamweaver.exe" "%1""

21,设置表格虚线。

方法一:作一个1X2的图。半黑半白,再利用表格作成线。

方法二:在css里面设,要IE5。5才支持这种效果。

style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"

22,看看在网页中调用HHCtrl控件效果。

代码如下:

〈object id="HHC" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"〉〈/object〉〈script〉 HHC.TextPopup("哈哈,大家好,我是闪梦!","",50,5,128255,346751);〈/script〉

22,如何让一张图片有浅到深的渐变。

〈SCRIPT language=javascript1.2〉

〈!--

function high(which2){

theobject=which2

highlighting=setInterval("highlightit(theobject)",50)

}

function low(which2){

clearInterval(highlighting)

which2.filters.alpha.opacity=40

}

function highlightit(cur2){

if (cur2.filters.alpha.opacity〈100)

cur2.filters.alpha.opacity+=10

else if (window.highlighting)

clearInterval(highlighting)

}

〈/script〉

〈img onmouseout=low(this) onmouseover=high(this) style="FILTER: alpha(opacity=40)"src="logo.gif" 〉

23,双击鼠标左键来滚动背景,单击停止。

〈SCRIPT language=javascript〉

var currentpos,timer;

function initialize()

{

timer=setInterval("scrollwindow()",16);

}

function sc(){

clearInterval(timer);

}

function scrollwindow()

{

currentpos=document.body.scrollTop;

window.scroll(0,++currentpos);

if (currentpos != document.body.scrollTop)

sc();

}

document.onmousedown=sc

document.ondblclick=initialize

〈/SCRIPT〉

24,如何在同一页面设置不同文字链接效果的样式.

代码如下:

〈HTML〉〈HEAD〉〈TITLE〉如何在同一页面设置不同文字链接效果的样式〈/TITLE〉

〈meta http-equiv="Content-Type" content="text/html; charset=gb2312"〉

〈style type="text/css"〉

〈!--

a:hover { font-size: 9pt; color: #FF0000; text-decoration: underline}

a:link { font-size: 9pt; color: #006699; text-decoration: underline}

a:visited { font-size: 9pt; color: #006699; text-decoration: underline}

a:active { font-size: 9pt; color: #FF0000; text-decoration: none}

a.r1:hover { font-size: 9pt; color: #FF0000; text-decoration: underline overline}

a.r1:link { font-size: 9pt; color: #000000; text-decoration: underline overline}

a.r1:visited { font-size: 9pt; color: #

[1] [2] 下一页

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有