代码问题

html-css021

代码问题,第1张

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>带着爱的,一切将如愿以偿。-----祝现实生活中和网络中的好友,战友好运!</TITLE>

<META http-equiv=Content-Type content="text/htmlcharset=gb2312"><LINK

href="/5410.css" type=text/css rel=stylesheet>

<STYLE type=text/css>TD {

FONT-SIZE: 14pxLINE-HEIGHT: 28px

}

</STYLE>

<META content="Microsoft FrontPage 4.0" name=GENERATOR><BGSOUND src="/09.mid"

loop=-1></HEAD>

<BODY bgProperties=fixed>

<SCRIPT language=vbscript>

num=4

msgbox "进入页面前,请一定照着提示上说的回答,可不要乱写,不然的话会让测试不准确的!切记!现在放松一下,记住,写的时候应该完全是你的第一直觉!!!"

msgbox"这个测试源于古埃及的一个神秘古墓,当时发现它的人按照它说的做了,结果他的愿望在10分钟内就实现了!"

msgbox"这是一个非常奇妙的测试,不知道你做过没有,最好没有旁观者!我做了,非常准确,想不信邪都难!"

y1 = inputbox("1.请输入你一个异性朋友的名字","")

y2 = inputbox("2.请再输入你一个异性朋友的名字","")

t1 = inputbox("3.输入你一个同性朋友的名字","")

t2 = inputbox("4.输入你第二个同性朋友的名字","")

t3 = inputbox("5.再次输入你一个同性朋友的名字","")

m1 = inputbox("6.输入一首你喜欢的歌的名字","")

m2 = inputbox("7.输入另外一首歌的名字","")

m3 = inputbox("8.再输入一首歌的名字 请不要急躁,保持轻松的心态","")

m4 = inputbox("9.最后输入一首喜欢的歌名字","")

num = inputbox("10.输入一个你喜欢的幸运数字","")

wish = inputbox("11.许下一个你的愿望","")

num=num *4

</SCRIPT>

<SCRIPT language=vbscript>

aa=""

aa=aa+"<div id=ww0 style='DISPLAY: none'><TABLE align=center border=0 width='90%'><TBODY><TR><TD>" + y1 + " 占据着最重要的位置,你对 " + y1 + " "

aa=aa+"的感觉用 " + m1 + " 这首歌来形容再好不过了。你相信这是上天安排的缘分,因为你深深的爱着"

aa=aa+" " + y1 + " "

aa=aa+"。 对于 " + y2 + " "

aa=aa+",也许是宿命吧,虽然你也喜欢 " + y2 + " "

aa=aa+",但是你们注定不可能在一起,就象 " + m2 + " "

aa=aa+"中唱的一样。<p>" + t1 + " "

aa=aa+"是最关心你的人,而 " + t2 + " "

aa=aa+"是最了解你的人,你们两个在一起会彼此有知己的感觉。 " + t3 + " "

aa=aa+"是你的幸运星,也许会给你带来好运气的哦~!~!~! <p align='left'>" + m3 + " "

aa=aa+"这首歌最能代表你现在的想法。 " + m4 + " "

aa=aa+"这首歌代表你对生活的感受。 把本页推荐给你的 " + cstr(num) + " "

aa=aa+"个朋友,你的愿望--- " + wish + " 就会实现,信不信由你!<br>"

aa=aa+"<br><b><font color=#FF0000>不要把这个心愿放在心里。否则这个心愿会在96小时后离开你。<br>将本页发给你的网友。<br>"

aa=aa+"让您的好友也来许愿,看看会发生什么?<br>在今后的四天里,你会收到一个令你高兴的惊喜。<br>好的东西记得与朋友分享噢!<br></font></b><br>"

aa=aa+"<font color=#276BD1>0-10 人: 你会经历一个小小的变化。<br>11-19 人: 你的生活会按照你期望的方向改进。<br>20-30 人: 在今后4天,你至少得到5个快乐的惊喜。<br>30 人以上:你的生活会发生惊人的变化,你的美梦将会成真。</font></p></TD></TR></TBODY></TABLE></div>"

document.write(aa)

</SCRIPT>

<Html>

<Head>

<title>记住来访次数</title>

</Head>

<Body bgColor="#FFFFFF">

<SCRIPT language=JavaScript>

<!--

var caution = false

function setCookie(name, value, expires, path, domain, secure) {

var curCookie = name + "=" + escape(value) +

((expires) ? "expires=" + expires.toGMTString() : "") +

((path) ? "path=" + path : "") +

((domain) ? "domain=" + domain : "") +

((secure) ? "secure" : "")

if (!caution || (name + "=" + escape(value)).length <= 4000)

document.cookie = curCookie

else

if (confirm("Cookie exceeds 4KB and will be cut!"))

document.cookie = curCookie

}

function getCookie(name) {

var prefix = name + "="

var cookieStartIndex = document.cookie.indexOf(prefix)

if (cookieStartIndex == -1)

return null

var cookieEndIndex = document.cookie.indexOf("", cookieStartIndex + prefix.length)

if (cookieEndIndex == -1)

cookieEndIndex = document.cookie.length

return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex))

}

function deleteCookie(name, path, domain) {

if (getCookie(name)) {

document.cookie = name + "=" +

((path) ? "path=" + path : "") +

((domain) ? "domain=" + domain : "") +

"expires=Thu, 01-Jan-70 00:00:01 GMT"

}

}

function fixDate(date) {

var base = new Date(0)

var skew = base.getTime()

if (skew >0)

date.setTime(date.getTime() - skew)

}

var now = new Date()

fixDate(now)

now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000)

var visits = getCookie("counter")

if (!visits)

visits = 1

else

visits = parseInt(visits) + 1

setCookie("counter", visits, now)

document.write("欢迎您第 " + visits + " 次来到本站点")

// -->

</SCRIPT>

</Body>

</Html>

<SCRIPT language=VBScript>

dim w,t,p,mm,c,mr,dy,tmp,vs:vs=5:dy=1:p=1:mr="<BR><BR><BR>":c="<font color=white><B>|"&mr:Set w = document.body

sub tp

m=mid(t,p,1):if m="" then c=mr

if m="`" then m="":mm=mid(mm,1,len(mm)-1)

if m="<" then av=instr(mid(t,p),">"):m=mid(t,p,av):p=p+av-1

if m="&" then av=instr(mid(t,p),""):m=mid(t,p,av):p=p+av-1

tmp=100:if m="." then tmp=400 else if m="," then tmp=200 else if m=" " then tmp=200

if w.scrollHeight-w.scrollTop>w.offsetHeight then w.scrollTop=w.scrollTop+int(dy):dy=dy+dy/vs else dy=1

mm=mm&m:w1.innerHTML=mm&c:p=p+1:if p<=len(t)+1 then SetTimeOut "tp",16+tmp else w.scroll="yes"

end sub

sub window_onload()

w.scroll="yes"

w.bgcolor="#A8A8A8"

w.style.cursor="crosshair"

'-------------------

t=w0.innerHTML

t=ww0.innerHTML + t

tp

end sub

</SCRIPT>

<DIV id=w0 style="DISPLAY: none">

<TABLE width="90%" align=center border=0>

<TBODY>

<TR>

<TD>

<HR>

<CENTER>

<P align=center><FONT color=#ffffff>印度的密教经典--古老的祝福</FONT>

<P

align=left>不管你是否迷信,这个网页都应该读一下,好吗?<BR>这是密教图腾上的文字。<BR>读了这封信后的四天内,你会有好运来临。<BR>把这封信邮寄给几个你想要祝福的人。有许许多多人,也许你已经淡忘了,如果仍然在你的心里,他们也一样会得到幸运。<BR>我不会给你钱,因为我没有。

<P

align=left>给你生活的忠告:<BR>多吃些粗粮.<BR>给别人比他们自己期许的更多,并且用心去做<BR>熟记你喜欢的诗歌<BR>不要轻信你听到的每件事,不要花光你的所有,不要想睡多久就睡多久。<BR>无论何时说“我爱你”,请真心实意。<BR>无论何时说“对不起”,请看着对方的眼睛。<BR>相信一见钟情。<BR>永远不要忽视别人的梦想。<BR>深情热烈地爱,也许你会受伤,但这是使人生完整的唯一方法。<BR>用一种明确的方法解决争议,不要冒犯。<BR>永远不要以貌取人。慢慢地说,但要迅速地想。<BR>当别人问你不想回答的问题时,笑着说“你为什么想知道?”<BR>记住那些敢于承担最大风险的人才能得到最深的爱和最大的成就。<BR>给妈妈打电话。如果不行,至少在心里想着她。<BR>当别人打喷嚏时,说一声“菩萨保佑”。<BR>如果你失败了,千万不要忘记汲取教训。<BR>记住三个“尊”:尊重你自己;尊重别人;保持尊严,对自己的行为负责。<BR>不要让小小的争端损毁了一段伟大的友谊。<BR>无论何时你发现自己做错了,竭尽所能去弥补。动作要快!<BR>无论什么时候打电话,摘起话筒的时候请微笑,因为对方能感觉到!<BR>找一个你爱聊的人结婚

因为当年龄大了以后,你会发觉喜欢聊天是一个人最大的优点。<BR>找点时间,单独呆会儿。<BR>欣然接收改变,但是不要摒弃你的个人理念。<BR>记住,沉默是金。<BR>多看点书,少看点电视。<BR>过一种高尚而诚实的生活。当你年老时回想起过去,你就能再一次享受人生。<BR>相信上帝,但是别忘了锁门。<BR>家庭的融洽氛围是难能可贵的。<BR>尽你的全力让家平顺和谐。<BR>当你和你亲近的人吵嘴的时候,试着就事论事,不要扯出那些陈芝麻,烂谷子的事。<BR>不要摆脱不了昨天。<BR>多注意言下之意。<BR>和别人分享你的知识,那才是永恒之道!<BR>善待我们的地球。<BR>不要愚弄自然母亲。<BR>忙自己该做的事。<BR>不要相信接吻时从不闭眼的伴侣。<BR>每年至少去一个你从没去过的地方。<BR>如果你赚了很多钱,在活着的时候多行善事。这是你能得到的最好回报。<BR>记住有时候,不是最好的收获也是一种好运。<BR>深刻理解所有的规则,合理地更新他们。<BR>记住:最好的关系存在于对别人的爱胜于对别人的索求之上。<BR>回头看看你发誓取得的目标,然后评判你到底有多成功。<BR>无论是烹调还是爱情,都用百分之百的负责态度对待,但是不要期求太多的回报。 </P></CENTER></TD>

<CENTER></CENTER></TR></TBODY></TABLE></DIV>

<DIV id=w1></DIV>

<P align=center><B>请耐心等待,认真阅读,并按照上面说得去做。</B></P>

<Head>

<title>随机鼠标动态提示</title>

</Head>

<Body bgColor="#FFFFFF">

<STYLE type="text/css">

<!--

.article {font-size: 9pt

BORDER-BOTTOM: black 1px solidBORDER-LEFT: black 1px solidBORDER-RIGHT: black 1px solidBORDER-TOP: black 1px solidFILTER: revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5)POSITION: absoluteVISIBILITY: hidden

background-color: #FFCC00padding-top: 3pxpadding-right: 3pxpadding-bottom: 3pxpadding-left: 0px}

-->

<!--

p, td, select { font-size: 9pt}

a{ color: #0058b0font-size: 9pttext-decoration: none}

a:hover { color: #6699FF}

.drop{ filter: dropshadow(color=000000, offx=1, offy=1, positive=1)}

.drop2 { filter: dropshadow(color=ffffff, offx=1, offy=1, positive=1)}

-->

</STYLE>

<SCRIPT language=JavaScript1.2>

<!--

function Show(divid) {

divid.filters.revealTrans.apply()

divid.style.visibility = "visible"

divid.filters.revealTrans.play()

}

function Hide(divid) {

divid.filters.revealTrans.apply()

divid.style.visibility = "hidden"

divid.filters.revealTrans.play()

}

//-->

</script>

</Body><html>

<Html>

<Head>

<title>星空背景</title>

</Head>

<Body bgColor="#000000" onload="fly()">

<!-- 用<BODY bgColor=#000000 onload=fly()>替换原有的<body>-->

<SCRIPT language=JavaScript>

<!--

SmallStars = 30

LargeStars = 10

SmallYpos = new Array()

SmallXpos = new Array()

LargeYpos = new Array()

LargeXpos = new Array()

Smallspeed= new Array()

Largespeed= new Array()

ns=(document.layers)?1:0

if (ns){

for (i = 0i <SmallStarsi++)

{document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>")}

for (i = 0i <LargeStarsi++)

{document.write("<LAYER NAME='ln"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFFF' CLIP='0,0,2,2'></LAYER>")}

}

else{

document.write('<div style="position:absolutetop:0pxleft:0px">')

document.write('<div style="position:relative">')

for (i = 0i <SmallStarsi++)

{document.write('<div id="si" style="position:absolutetop:0left:0width:1pxheight:1pxbackground:#fffff0font-size:1px"></div>')}

document.write('</div>')

document.write('</div>')

document.write('<div style="position:absolutetop:0pxleft:0px">')

document.write('<div style="position:relative">')

for (i = 0i <LargeStarsi++)

{document.write('<div id="li" style="position:absolutetop:0left:0width:2pxheight:2pxbackground:#fffffffont-size:2px"></div>')}

document.write('</div>')

document.write('</div>')

}

WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight

WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth

//Inital placement!

for (i=0i <SmallStarsi++)

{

SmallYpos[i] = Math.round(Math.random()*WinHeight)

SmallXpos[i] = Math.round(Math.random()*WinWidth)

Smallspeed[i]= Math.random()*5+1

}

for (i=0i <LargeStarsi++)

{

LargeYpos[i] = Math.round(Math.random()*WinHeight)

LargeXpos[i] = Math.round(Math.random()*WinWidth)

Largespeed[i]= Math.random()*10+5

}

function fly(){

var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight

var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth

var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop

var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft

for (i=0i <LargeStarsi++)

{

LargeXpos[i]-=Largespeed[i]

if (LargeXpos[i] <-10)

{

LargeXpos[i]=WinWidth

LargeYpos[i]=Math.round(Math.random()*WinHeight)

Largespeed[i]=Math.random()*10+5

}

if (ns){

document.layers['ln'+i].left=LargeXpos[i]

document.layers['ln'+i].top=LargeYpos[i]+hscrll

}

else{

li[i].style.pixelLeft=LargeXpos[i]

li[i].style.pixelTop=LargeYpos[i]+hscrll

}

}

for (i=0i <SmallStarsi++)

{

SmallXpos[i]-=Smallspeed[i]

if (SmallXpos[i] <-10)

{

SmallXpos[i]=WinWidth

SmallYpos[i]=Math.round(Math.random()*WinHeight)

Smallspeed[i]=Math.random()*5+1

}

if (ns){

document.layers['sn'+i].left=SmallXpos[i]

document.layers['sn'+i].top=SmallYpos[i]+hscrll

}

else{

si[i].style.pixelLeft=SmallXpos[i]

si[i].style.pixelTop=SmallYpos[i]+hscrll

}

}

setTimeout('fly()',10)

}

//fly()

//-->

</SCRIPT>

</Body>

</Html>

<Html>

<Head>

<title>固定底端菜单</title>

</Head>

<Body bgColor="#FFFFFF" onload="fix()" onscroll="fix()" onresize="fix()">

<!--用<body onLoad='fix()' onScroll="fix()" onResize="fix()">替换<body>-->

<script language="javascript">

<!--

window.onScroll = "fix()"

window.onResize = "fix()"

function stat(){

var a = pageYOffset+window.innerHeight-document.bar.document.height-15

document.bar.top = a

setTimeout('stat()',2)

}

function fix(){

nome=navigator.appName

if(nome=='Netscape'){

stat()

}

else{

var a=document.body.scrollTop+document.body.clientHeight-document.all.bar.offsetHeight+15

bar.style.top = a

}}

//-->

</script>

<span id="bar" style="position:absoluteleft:68pxtop:455pxwidth:614pxheight:45pxz-index:9" >

<table align="center" border="1" hspace="1" cellpadding="1" bordercolor="#000000" bgcolor="#FFFFFF">

<tr align="center">

</tr></table></span>

</Body>

</Html>

可以的

例如下面这段代码

body{

background: url(图片) no-repeat 0 0 transparent

background-size: 200% auto//防止图片不够大

}

CSS:

.grup{

            padding-top: 104px

            position: relative

            border-radius: 15px

            margin-bottom: 217px

        }

        .grup .img{

            width: 370px

            height: 87px

            position: absolute

            top:-48px

            margin-left: calc(50% - 185px)

            z-index:999

            background: linear-gradient(

            115deg, /*背景分割倾斜角度*/

            #fff 0%,

            #fff 40%,

            #3596EB 40%,

            #3596EB 100%

            )

            border: 4px solid #3596EB

            border-radius: 44px

        }

        .grup .img .coun{

            display: flex

            justify-content: space-around

        }

        .grup .img .coun div{

            display: flex

            line-height: 88px

        }

        .grup .img .coun .left{

            color:#3596EB

            font-size: 32px

            letter-spacing: 3px

            font-weight: 500

        }

        .grup .img .coun .right{

            color:#fff

            font-size: 28px

            letter-spacing: 3px

            font-weight: 500

        }

HTML:

<div class="up grup">

              <div class="img">

                <div class="coun">

                    <div class="left">新建</div>

                    <div class="right">所有文集</div>

                </div>

              </div>

            </div>

效果: