//直接切换效果
//$pic("picChange").picChange();
//淡出效果
$pic("picChange").picChange({changeStyle:"fade",time:250,interTime:5000}); //向上移出效果
//$pic("picChange").picChange({changeStyle:"move",time:250,direction:"up"}); //向上联动效果
//$pic("picChange").picChange({changeStyle:"wheel",time:250,direction:"up"}); //以下为页面测试函数,并非picChange的使用方法,使用方法如上function func(){
//恢复html代码原状
var my_time = document.getElementById("time").value;
var my_changeStyle = document.getElementById("changeStyle").value;
var my_direction = document.getElementById("direction").value;
var my_isClick = document.getElementById("isclick").checked;
var my_intertime = document.getElementById("intertime").value;
//alert(my_time+" "+my_changeStyle+" "+my_direction+" "+my_isClick);
$pic("picChange").picChange({
changeStyle:my_changeStyle,
time:my_time,
direction:my_direction,
isClick:my_isClick,
interTime:my_intertime
});
var tmpImg = document.getElementById("picChange").getElementsByTagName("img");
var tmpLength = tmpImg.length;
for(var n=0;n { tmpImg[n].style.top = ""; tmpImg[n].style.left = ""; setAlpha(tmpImg[n],100); if(n==0) tmpImg[n].style.display = "block"; else tmpImg[n].style.display = ""; } var showText = "改变成功!当前模式:"; if(my_changeStyle == "move" || my_changeStyle == "wheel") { showText += "向"+document.getElementById("direction").options[document.getElementById("direction").selecte dIndex].text+document.getElementById("changeStyle").options[document.getElementById("cha ngeStyle").selectedIndex].text; showText += ","+my_time+"毫秒,每隔"+my_intertime/1000+"秒切换。"; } else if(my_changeStyle == "fade") { showText += document.getElementById("changeStyle").options[document.getElementById("changeStyle").sel ectedIndex].text; showText += ","+my_time+"毫秒,每隔"+my_intertime/1000+"秒切换。"; } else { showText += document.getElementById("changeStyle").options[document.getElementById("changeStyle").sel ectedIndex].text; } document.getElementById("show").innerHTML = showText; }
网页制作常用代码
Dreamweaver代码div+css Dreamweaver代码 基本结构标签: ,表示该文件为HTML文件
,包含文件的标题,使用的脚本,样式定义等,换行标志
,分段标志 ,采用黑体字 ,采用斜体字
,水平画线
属性是用来修饰标志的,属性放在开始标志内. 例:属性bgcolor="BLACK"表示背景色为黑色. 引用属性的例子:
表示页面背景色为黑色;网页设计代码大全
段落标记background:网页背景图像… bgcolor:网页背景颜色align:left right center text:字体颜色强制换行标记link:可链接文字的色彩alink:被鼠标点中时可链接文字的颜色预排格式标记vlink:已经单击过的可链接文字的颜色 leftmargin:页面左边距插入水平线标记topmargin:页面上边距
Vlink:已经单击过的可链接文字的颜色文本缩标记Leftmargin:页面左边距
…Topmargin:页面上边距列表标记 标题格式标记 1.无序
- align:left(左) right(右) center(中)
- 列1 bottom(底) top(顶)
- 列2 文字格式标记……… color=“颜色”>文字 type:disc● circle○ square■字形设置标记 2.有序字形 粗 字形 下划线
- 字形 斜 字形文字增大
- 列1
字形删除线 - 列2 字形 文字减小………
dw网页制作基础代码
Dreamweaver 8 基础代码 HTML基本结构(每个网页都是在基本结构的基础上添加内容的) ---------网页文件开始标签
--------头部元素开始标签----------网页标题开始标签 … 头部元素 ---------网页标题结束标签 -------头部元素结束标签 ---------网页内容开始标签 ... 网页具体内容 --------网页内容结束标签 ---------网页文件结束标签 Dreamweaver的代码里打“<”会出现可选择代码,或在“< >”里打空格也会出现,方便输入。标签书写方式(不同标签书写方式不同) 1. <标签>对象标签> 如:title、head等。 2. <标签> 如:br 3. <标签该标签的属性1=“参数1” 该标签的属性2=“参数2” ...>对象标签> 如:font 注意: 1.第三种类型的标签也可以使用第一种的格式,即标签的属性不一定要写。 2.可以嵌套,但要注意顺序。 两个代码之间至少要用一个空格隔开。 几个常用标签介绍 文字:... face:字体,引号中输入字体名。如:face=“黑体”。默认是宋体。 size:字号。可以是-7--------+7之间整数。默认是3。 color:颜色。可使用“red”之类的颜色名称或16进制编码指定。默认黑色。 换行:
加粗:... 倾斜:... 滚动字幕: 滚动标签:marquee 最简表达: 滚动的属性: Direction--表示滚动的方向,值可以是left,right,up,down,默认为left Behavior--表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)网页设计试题及html代码
2.2.3 字型设置标记 功能:设置文字的风格,如黑体、斜体、带下划线等,这是一组标记,它们可以单独使用,也可以混合使用产生复合修饰效果。常用的标记有以下一些: … :文字以粗体显示。 … :文字显示为斜体。 … :显示下划线。
…:删除线。 … :使文字大小相对于前面的文字增大一级。 … :使文字大小相对于前面的文字减小一级。 … :使文字成为前一个字符的上标。 …:使文字成为前一个字符的下标。 :使文字显示为闪烁效果。 …:以等宽体显示西文字符。 …:输出引用方式的字体,通常是斜体。 …:强调文字,通常用斜体加黑体。 …:特别强调的文字,通常也是斜体加黑体。 注:有些标记的效果必须在动态环境下才能显示,例如40个典范网页代码
40个经典网页代码 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
可用于T able 2. 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. IE地址栏前换成自己的图标 6. 可以在收藏夹中显示出你的图标 7. 关闭输入法 8. 永远都会带着框架no 9. 防止被人frame
10. 网页将不能被另存为11. 12.删除时确认 删除 13. 取得控件的绝对位置 //Javas cript function getIE(e){ var t=e.offsetTop; var l=e.offsetLeft;HTML设计代码大全
html设计代码大全 1)贴图:< img src="图片地址">本人照片(献丑了) 2)加入连接:< a href="所要连接的相关地址">写上你想写的字< /a> 3)在新窗口打开连接:< a href="相关地址" target="_blank">写上要写的字< /a> 4)移动字体(走马灯):< marquee>写上你想写的字< /marquee> (可用于店铺分类,和评价) 5)字体加粗:< b>写上你想写的字< /b> 6)字体斜体:< i>写上你想写的字< /i> 7)字体下划线: < u>写上你想写的字< /u> 8)字体删除线: < s>写上你想写的字< /s> 9)字体加大: < big>写上你想写的字< /big> 10)字体控制大小:< h1>写上你想写的字< /h1> (其中字体大小可从h1-h5,h1最大,h5最小) (其中字体大小可从h1-h5,h1最大,h5最小) 11)更改字体颜色:< font color="#value">写上你想写的字< /font>(其中value值在000000与ffffff(16位进制)之间 12)消除连接的下划线:< a href="相关地址" style="text-decoration:none">写上你想写的字< /a> 13)贴音乐:< embed src="音乐地址" width="宽度" height="高度" autostart=false> 14)贴flash: < embed src="flash地址" width="宽度" height="高度"> 15)贴影视文件:< img dynsrc="文件地址" width="宽度" height="高度" start=mouseover> 16)换行:< br> 17)段落:< p>段落< /p> 18)原始文字样式:< pre>正文< /pre> 19)换帖子背景:< body background="背景图片地址"> 20)固定帖子背景不随滚动条滚动:< body background="背景图片地址" body bgproperties=fixed> 21)定制帖子背景颜色:< body bgcolor="#value">(value值见10) 22)帖子背景音乐:< bgsound="背景音乐地址" loop=infinite>(听到音乐了吗?也可以加在你的店铺公告里) 23)贴网页:< iframe src="相关地址" width="宽度" height="高度">< /iframe> 最后注意了,以上所有代码中的前边后边代码段,我都加入了一个空格,要不再这里就运行了,你们无法看见了!使用时把前边后边代码内的空格去掉即可!举个例子4)移动字体(走马灯):< marquee>写上你想写的字< /marquee> 把< marquee>和< /marquee> 删为去掉括号中的空格即可,其他不用动!后边代码不动即可!
网页html代码大全
常用HTML代码解释 一、文字 1.标题文字
.......... #=1~6;h1为最大字,h6为最小字 2.字体变化.......... 【1】字体大小.......... #=1~7;数字愈大字也愈大 【2】指定字型.......... 【3】文字颜色.......... rr:表红色(red)色码 gg:表绿色(green)色码 bb:表蓝色(blue)色码 rrggbb也可用6位颜色代码数字 3.显示小字体.......... 4.显示大字体.......... 5.粗体字.......... 6.斜体字.......... 7.打字机字体.......... 8.底线.......... 9.删除线..........10.下标字.......... 11.上标字.......... 12.文字闪烁效果 13.换行(也称回车)
14.分段 15.文字的对齐方向#号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐P.S.
之后的文字都会以所设的对齐方式显示,直到出现另一个
改变其对齐方向,遇到
或标签时会自动设回预设的向左对齐。 网页制作-常用JS代码汇集
把如下代码加入
区域中: 后退前进 返回 查看源码 禁止查看源码 刷新按钮一 刷新按钮二 回首页按钮 弹出警告框 状态栏信息 背景色变换 打开新窗口 窗口最小化
- 列1