仿百度登陆弹窗的JS或者jquery代码求详细

2023-04-17 00:18:02JavaScript020

仿百度登陆弹窗的JS或者jquery代码求详细,第1张

<!DOCTYPE html>

<html>

<head>

<title>div布局</title>

.corInsertHref

{

position: absolute

z-index: 10000

width: 370px

float: left

display: none

background-color: #fff

padding: 10px

}

.corBackground

{

width: 100%

height: 100%

position: absolute

background-color: #000

top: 0

left: 0

filter: alpha(opacity=30)

-moz-opacity: 0.30

-khtml-opacity: 0.30

opacity: 0.30

z-index: 9999

display: none

}

</style>

$(function() {

//点击登录按钮弹出层并初始化弹出层位置

$("#btnlogin").click(function() {

$("#corBackground").animate({ opacity: "show" }, "slow")

$("#corInsertHref").animate({ opacity: "show" }, "slow")

autoSize($("#corInsertHref"))

})

//窗口大小缩放事件

$(window).resize(function() {

autoSize($("#corInsertHref"))

})

//窗口大小缩放时调整弹出层的位置

var autoSize = function(corObj) {

var wWidth = $(window).width(), wHeight = $(window).height()

var ihWidth = corObj.outerWidth(true), ihHeight = corObj.outerHeight(true)

corObj.css({ "top": ((wHeight - ihHeight) / 2) + "px", "left": ((wWidth - ihWidth) / 2) + "px" })

}

})

</script>

</head>

<body>

<p>

账号<input id="txtName" type="text" /></p>

<p>

密码<input id="txtPwd" type="text" /></p>

<p>

</div>

</div>

</body>

</html>

粗略的写了下，可以吗？

估计是

li.js的window.onload = function () ...

与

qiu.js的window.onload=Start

冲突

________________________________________

整合成一个qiu.js试验一下：

var a_Colour='fff000'

var b_Colour='00ff00'

var c_Colour='ff00ff'

var Size=120

var YDummy=new Array(),XDummy=new Array(),xpos=625,ypos=330,ThisStep=0step=0.6

var scroller = null

function swirl(){

for (i = 0i <3i++)

{

YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4)

XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4)

}

ThisStep+=step

setTimeout('swirl()',10)

}

var amount=10

if ( document.all){

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

+'<div id="IDiv" style="position:relative">')

for (i = 0i <amounti++)

{

document.write('<div id=x style="position:absolutetop:0pxleft:0pxwidth:'+i/2+'height:'+i/2+'background:'+a_Colour+'font-size:'+i/2+'"></div>')

document.write('<div id=y style="position:absolutetop:0pxleft:0pxwidth:'+i/2+'height:'+i/2+'background:'+b_Colour+'font-size:'+i/2+'"></div>')

document.write('<div id=z style="position:absolutetop:0pxleft:0pxwidth:'+i/2+'height:'+i/2+'background:'+c_Colour+'font-size:'+i/2+'"></div>')

}

document.write('</div></div>')

}

function prepos(){

var msie=document.all

if(document.all){

for (i = 0i <amounti++)

{

if (i <amount-1)

{

msie.x[i].style.top=msie.x[i+1].style.topmsie.x[i].style.left=msie.x[i+1].style.left

msie.y[i].style.top=msie.y[i+1].style.topmsie.y[i].style.left=msie.y[i+1].style.left