编辑网站,建设银行怎么从网站上改手机号码,网站建设主要流程图,除尘环保设备网站模板文章目录[x]开门大吉轮播样式账户密码获取回车发送命令#xff08;按键#xff09;计时器通过按钮实现清屏选项卡#xff08;轮播图原型#xff09;阶乘密码一致登录导航栏#xff08;新学的#xff0c;#xff0c;#xff0c;#xff0c;#xff0c;其实就是简单的h… 文章目录[x] 开门大吉轮播样式账户密码获取回车发送命令按键计时器通过按钮实现清屏选项卡轮播图原型阶乘密码一致登录导航栏新学的其实就是简单的hrefcss开门大吉轮播样式 jscssjs1js1js1js1js1js7 首先是css 开门大吉 改只需其中的gif htmlheadstylesection{width: 361px;height: 247px;border: red 1px solid;margin: 100px auto;background:url(erha.gif);position: relative;}.l,.r{position: absolute;top:0;width:50%;height:100%;background-color: red;transition:all 1s;}.l{left:0;border:1px solid #000;transform-origin: left;}.r{right:0;border:1px solid #000;transform-origin: right;}section:hover .l{transform: rotateY(-130deg);}section:hover .r{transform: rotateY(-130deg);}/style/headbodysectiondiv classl/divdiv classr/div/section/body
/html 轮播样式 htmlstyleul{list-style:none;}div{width: 318px;height: 500px;border: 1px solid #ccc;margin: 50px auto;padding: 5px auto;position: relative;}.l{position:absolute;top: %50;margin-top: -250px;left:0;}.r{position:absolute;top: %50;margin-top: -250px;right:0;}.circle{width:65px;height: 13px;background-color:;position:absolute;margin-top: -14px;left: 50%;margin-left: -55px;}.circle li{width:9px;height: 9px;background-color: #B7B7B7;float: right;margin: 2px;border-radius: 50%;background: rgba(0,0,0,0.5);}.circle .current{background-color: #f40;}/style
bodydivimg src2.jpg height500 img srcleft.png width40 height40 classl img srcright.png width30 height40 classrul classcircleli classcurrent/lili/lili/lili/lili/liul/div
/body
/html 随便找的图 js 账户密码获取 htmltitleshow/title
bodyform methodget actionxxx.phpinput typetxt nameusername valueinput typepassword nameword valueinput typesubmit namesub /form
/body
/html xxx.php ?phpecho pre;var_dump($_REQUEST); 回车发送命令按键 html
head
meta charsetutf8
style
#count{width:200px;height:100px;border:black solid 1px;
}
/style
link relstylesheet hrefcss/bootstrap.css
script srcjs/jquery-3.4.1.js/script
script srcjs/bootstrap.js/script
/headbody
div
input typebutton idbtn value点我
input typetext idtxt value/div
div idcount/divscriptdocument.onkeydown function(e){if(e.keyCode13){count.innerHTML txt.value;}}btn.onclick function(){count.innerHTML txt.value;}/script
/body/html 计时器 html
head
meta charsetutf8
style
#count{width:200px;height:100px;border:black solid 1px;
}
/style
link relstylesheet hrefcss/bootstrap.css
/headbody
div
input typebutton idbtn value点我
/div
div idcountspanspan
/divscriptvar adocument.getElementById(btn);var bdocument.getElementById(count);var timer null;var count0;b.innerHTMLcount;timer function tip(){count;b.innerHTMLcount;}a.onclickfunction(){setInterval(timer,1000);}/script
/bodyscript srcjs/jquery-3.4.1.js/script
script srcjs/bootstrap.js/script
/html 通过按钮实现清屏 !DOCTYPE html
html
head
meta charsetutf-8
script
window.onloadfunction(){
document.getElementById(btn).onclickfunction(){displayDate()};function displayDate(){
txt.value我喜欢你;
}
}/script
/head
body
input idtxt value
button idbtn清屏/button/body
/html 选项卡轮播图原型 html
head
meta charsetutf8
style
#div1 div{
width:200px;
height:200px;
border:black solid 2px;
display: none;
}#div1 .active{
background:red;
}
/style
link relstylesheet hrefcss/bootstrap.css
/headbody
div iddiv1input idbtn1 classactive typebutton value农药资讯input idbtn2 typebutton value前方消息input idbtn3 typebutton value最新报道input idbtn4 typebutton value聊天div styledisplay:block;21123/divdiv 321231/divdiv 231321/divdiv54654321/div/div scriptvar oDivdocument.getElementById(div1);var aBtndiv1.getElementsByTagName(input);var aDivdiv1.getElementsByTagName(div);for(var i0;iaBtn.length;i){ aBtn[i].indexi;aBtn[i].onclickfunction(){ for(var i0;iaBtn.length;i){aBtn[i].classNamenone;aDiv[i].style.displaynone;}this.classNameactive;aDiv[this.index].style.displayblock;}}/script
/bodyscript srcjs/jquery-3.4.1.js/script
script srcjs/bootstrap.js/script/body
/html 阶乘 !DOCTYPE html
html
head
meta charsetutf-8
script
//点击btn触发函数事件
window.onloadfunction()
{
document.getElementById(btn).onclickfunction(){add() }
};//定义一个阶乘的函数
function add()
{var i,j1;for(i1;itxt.value;i){jj*i;}txt1.valuej;
}/script
/head
body
input idtxt value
button idbtn的阶乘是/button
input idtxt1 value/body
/html 密码一致登录 htmlbodyinput typepassword idpassword namepassword value登 录/
加个按钮
input namea typesubmit value登 录 onclickcheckpassword();//body
scriptfunction checkpassword(){var pwd1234567;//你和朋友约定的密码写死的var inpwddocument.getElementById(password).value;//获取输入的代码if(pwd inpwd){ //判断一下是否一样window.location.hrefimg1.html;}
}
alert(inpwd);
/script/html Top
