静态网站的代码（静态网站的代码是多少）

本篇文章给大家谈谈静态网站的代码，以及静态网站的代码是多少对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、html静态网页代码，跳转问题
• 2、静态网页的循环代码是什么语言
• 3、谁有那种静态网页的源代码，老师要我们做五张网页
• 4、静态网站代码问题
• 5、静态网页登录代码
• 6、求静态网页代码

html静态网页代码，跳转问题

把 onsubmit 里的代码提取出来，单独写一个方法入下：

function turnPage() {

var pageNum = document.querySelector("idx").vlaue;

if(!pageNum % 2) {

pageNum = pageNum - 1;

}

window.location.href = pageNum + ".HTML";

}

你的 form 表单改成这个 form id='form1' onsubmit= 'turnPage()' ...

静态网页的循环代码是什么语言

不是语言,是

html代码

滚动

字幕

Marquee代码大全

基本

语法

-------------------------------------------

marquee滚动文字

/marquee

文字移动属性的设置

方向

direction=#

#=left,

right,up,down

marquee

direction=left从右向左移！/marquee

方式

bihavior=#

#=scroll,

slide,

alternate

marquee

behavior=scroll

一圈一圈

绕着走！/marquee

marquee

behavior=slide只走一次就歇了！/marquee

marquee

behavior=alternate来回走/marquee

循环

loop=#

#=次数；若未指定则循环不止(infinite)

marquee

loop=3

width=50%

behavior=scroll只走

3

趟/marquee

P

marquee

loop=3

width=50%

behavior=slide只走

3

趟/marquee

marquee

loop=3

width=50%

behavior=alternate只走

3

趟！/marquee

速度

scrollamount

=#

marquee

scrollamount=20啦啦啦，我走得好快哟！/marquee

延时

scrolldelay=#

marquee

scrolldelay=500

scrollamount=100啦啦啦，我走一步，停一停！/marquee

外观(Layout)设置

对齐方式

(Align)

align=#

#=top,

middle,

bottom

font

size=6

marquee

align=#

width=400啦啦啦，我会移动耶！/marquee

/font

底色

bgcolor=#

#=rrggbb

16

进制数码，或者是下列预定义色彩：

Black,

Olive,

Teal,

Red,

Blue,

Maroon,

Navy,

Gray,

Lime,

Fuchsia,

White,

Green,

Purple,

Silver,

Yellow,

Aqua

marquee

bgcolor=aaaaee颜色！/marquee

面积

height=#

width=#

marquee

height=40

width=50%

bgcolor=aaeeaa面积！/marquee

空白

(Margins)hspace=#

vspace=#

marquee

hspace=20

vspace=20

width=150

bgcolor=ffaaaa

align=middle面积！/marquee

鼠标响应：即鼠标指向就停，离开继续.

onmouseover="this.stop()"

onmouseout="this.start()"

谁有那种静态网页的源代码，老师要我们做五张网页

!DOCTYPE html

html

head

meta charset="UTF-8"

titleDot/title

style

body{

background-color: #222

}

.bd{

width: 400px;

height: 400px;

margin: -200px 0 0 -200px;

}

.bg1{

width: 200px;

height: 200px;

border: 8px solid grey;

margin: -108px 0 0 -108px;

background-color: rgb(64, 255, 0);

animation: gradiant 1s infinite linear alternate;

}

.bg2{

width: 150px;

height: 150px;

margin: -75px 0 0 -75px;

background-color: grey;

}

.dot{

cursor: pointer;

width: 50px;

height: 50px;

margin: -25px 0 0 -25px;

animation: rotate 1s infinite linear;

}

.dot:before{

content: '';

top: -75px;

left: 50%;

width: 8px;

height: 75px;

margin-left: -4px;

}

.bg, .dot{

border-radius: 50%;

}

.bd, .bg, .dot{

position: absolute;

top: 50%;

left: 50%;

}

.dot, .dot:before{

position: absolute;

background-color: #ddd;

}

@keyframes rotate{

0%{

transform: rotate(0deg);

}

100%{

transform: rotate(360deg);

}

}

@keyframes gradiant{

0%{

background-color: rgb(64, 255, 0);

}

100%{

background-color: rgb(255, 225, 0);

}

}

/style

/head

body

div

div class="bg bg1"/div

div class="bg bg2"/div

div/div

/div

/body

/html

!DOCTYPE html

html

meta charset="UTF-8"

titleWave/title

style

body {

background: #222;

margin: 0px;

}

.bd {

position: absolute;

top: 50%;

left: 50%;

width: 198px;

height: 198px;

border: 1px solid white;

margin: -100px 0 0 -100px;

animation: Rotate 1s infinite linear;

}

.waves {

position: absolute;

top: 50%;

left: 50%;

width: 20px;

height: 20px;

margin: -10px 0 0 -10px;

border-radius: 50%;

}

.waves:before,

.waves:after {

position: absolute;

background: white;

width: 20px;

height: 20px;

content: "";

display: block;

border-radius: 50%;

}

.waves:before {

animation: wave-animate 1s infinite ease-out;

}

.waves:after {

opacity: 0;

animation: wave-animate 1s .5s infinite ease-out;

}

@keyframes Rotate {

0% {

transform: rotateY(0deg);

}

100% {

transform: rotateY(360deg);

}

}

@keyframes wave-animate {

0% {

transform: scale(0);

opacity: 1;

transform-origin: center;

}

100% {

transform: scale(3);

opacity: 0;

transform-origin: center;

}

}

/style

div class="bd"/div

div class="waves"/div

/html

!DOCTYPE html

html

head

meta charset="utf-8" /

title- 3D -密码: LPT/title

script src=""/script

script src=""/script

link rel="stylesheet" type="text/css" href="css/style.css"/

script

$(function () {

window.onload = function(){//预加载图片

$('.cards').css('background-size','100%');

};

$('#btn_flex').click(function () {//操作台收展切换

var btn_height = Number($('#btn').css('height').split('px')[0]);

console.log('btn_height: ' + btn_height);

if (btn_height !== 0) {

$('#btn').css('height', '0');

$(this).html('展开');

} else {

$('#btn').css('height', 'auto');

$(this).html('收起');

}

});

$('input[type=button]').click(function () {//控件按钮事件

var tt = $(this).prev();

var css_name_0 = tt.attr('id').split('_')[0];

var css_name_1 = tt.attr('id').split('_')[1];

var css_name_3 = '(' + tt.val() + ')';

var unite = new Array('px', 's', 'deg');

console.log(tt);

console.log(css_name_0 + '||' + css_name_1);

console.log(typeof css_name_0 + '||' + typeof css_name_1);

if (css_name_1 === '') {

if (css_name_0 === 'perspective') {

$('#see').css(css_name_0, tt.val() + unite[0]);

} else {

$('body,h1,h2,h3,h4,h5,h6,b,span,input,ul,ul,div,button').css(css_name_0, tt.val() + unite[1]);

};

} else if (css_name_0 === 'scal') {

$('#bd').css('transform', css_name_0 + css_name_1 + css_name_3);

} else {

$('#bd').css('transform', css_name_0 + css_name_1 + '(' + tt.val() + unite[2] + ')');

};

});

$('.cards').click(function () {//翻页

var page = $('#bd').css('transform');

console.log(page);

});

$('button').click(function () {//自定义bd的CSS

var command_name = $('#css_user_name').val();

var command_text = $('#css_user_text').val();

var $button = $(this).html();

if (command_name === 'style') {

if ($button === '提交') {

$(command_name).html(command_text);

console.log(command_name + ' (style): ' + command_text);

} else {

alert('此DOM自定义内容为您输入在文本框内的内容,自行修改提交即可.');

};

} else {

if ($button === '提交') {

$(command_name).attr('style', command_text);

console.log(command_name + ' (CSS): ' + command_text);

} else if ($button === '清除自定义样式') {

$(command_name).removeAttr('style');

console.log(command_name + ' (CSS): Clear');

};

};

});

//**//

});

function SV() {//实时记录CSS数值

$('#perspective_val').html($('#see').css('perspective'));

$('#transition_val').html($('#bd').css('transition'));

$('#rotateX_val').html($('#bd').css('transform'));

$('#rotateY_val').html($('#bd').css('transform'));

$('#rotateZ_val').html($('#bd').css('transform'));

$('#scale_val').html($('#bd').css('transform'));

};

setInterval(SV, 80);

/script

style/style

/head

body

div

ul id="btn"

li id="btn_flex" class="title"收起/li

li

b自定义CSS( input type="text" id="css_user_name" placeholder="DOM选择" / )/b

br/

textarea id="css_user_text"/textarea

br/

button提交/button

button清除样式/button

br/

bperspective(视距)/b

br/

spanvalue:/span

br/

input type="text" id="perspective_" /

input type="button" value="修改" /

br/

span class="css_val" id="perspective_val"/span

br/

btransition(过渡时间)/b

br/

spanvalue:/span

br/

input type="text" id="transition_" /

input type="button" value="修改" /

br/

span class="css_val" id="transition_val"/span

br/

brotate(3D旋转)/b

br/

spanX轴旋转:/span

br/

input type="text" id="rotate_X" /

input type="button" value="修改" /

br/

span class="css_val" id="rotateX_val"/span

br/

spanY轴旋装:/span

br/

input type="text" id="rotate_Y" /

input type="button" value="修改" /

br/

span class="css_val" id="rotateY_val"/span

br/

spanZ轴旋转:/span

br/

input type="text" id="rotate_Z" /

input type="button" value="修改" /

br/

span class="css_val" id="rotateZ_val"/span

br/

bscale(缩放)/b

br/

spanvalue:/span

br/

input type="text" id="scal_e" /

input type="button" value="修改" /

br/

span class="css_val" id="scale_val"/span

/li

/ul

/div

div id="see"

div id="bd"

div class="cards"/div

div class="cards"/div

div class="cards"/div

div class="cards"/div

div class="cards"/div

div class="cards"/div

div class="cards"/div

div class="cards"/div

/div

/div

/body

/html

大概就这样, 给了你三个, body标签里面内容自定, title标题自定, 这是我瞎搞的动画, 没毛病老铁, 你在一些站点里面要静态网页多的是@~@

静态网站代码问题

正常的做法是把“embed src="网页/music/XXX.mp3"/embed”这行整个用js输出替换：

script

//var rt = request.QueryString("inputStr");

//以下代码在IE下通过测试

//例如：

var s=location.href; //取得整个地址栏

s=s.substr(s.indexOf("?")+1); //取得?后部分

var a=s.split("");

for(var i=0;ia.length;i++){

p=a[i].indexOf("=");

if(p0){

var rt=a[i].substring(0,p);

if(rt=="inputStr"){

rt=a[i].substr(p+1);

document.write("网页/music/"+rt+".mp3br"); //提示行

document.write("embed src=\"网页/music/"+rt+".mp3\"/embed");

break;

}

}

}

/script

静态网页登录代码

最简单的一个html登录页面

就在form action=""双引号里面填你需要跳转的页面比如1.html

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

html

head

titleMyHtml.html/title

meta http-equiv="keywords" content="keyword1,keyword2,keyword3"

meta http-equiv="description" content="this is my page"

meta http-equiv="content-type" content="text/html; charset=UTF-8"

!--link rel="stylesheet" type="text/css" href="./styles.css"--

/head

body

form action=""

table align="center"

tr

td

用户名：

/td

td

input type="text" name="userName" /

/td

/tr

tr

td

密码：

/td

td

input type="password" name="password" /

/td

/tr

tr

td

input type="submit" value="提交"

/td

td

input type="reset" value="重置" /

/td

/tr

/table

/form

/body

/html

求静态网页代码

form input name="ii" type=checkboxa href=# onclick=javascript:ii.checked="checked"文字/a

我的QQ16849576

静态网站的代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于静态网站的代码是多少、静态网站的代码的信息别忘了在本站进行查找喔。