JavaScript之基操

局部变量前面要加var 如　　var name = "jiahuai"

全局变量　　name = "jiahuai"

写完每一行JavaScript代码用;号隔开

注释：

单行　　//

多行　　/*

原文地址：https://www.cnblogs.com/yaojiahuai/p/9652265.html

时间： 2024-10-15 20:41:14

JavaScript之基操的相关文章

Javascript：实操---自定义滚动条

CSS部分 <style type="text/css">*{ margin: 0; padding: 0;}#wrap{ width: 300px; height: 400px; overflow: hidden; position: relative; border: 1px solid #ccc; margin: 100px;} #content{ position: absolute; font-si

Javascript：实操---右键显示列表

JS部分 <script type="text/javascript"> window.onload=function(){ var oUl1=document.getElementById("ul1"); var oLi1=oUl1.children; var bodyWidth=document.documentElement.clientWidth||document.body.clientWidth; var bodyHeight=documen

Javascript：实操---拖拽(完整版)

CSS部分 <style type="text/css">body{height: 3000px; width: 3000px;}#div1{ height: 100px; width: 100px; background-color: #ccc; position: absolute;}</style> HTML部分 <div id="div1">DFDSF</div>我发的思考附近的刷

Javascript：实操---放大镜效果（2）

CSS部分<style type="text/css">/* body{ padding: 10px;} */#minWrap{ width: 350px; height: 350px; border: 1px solid #ccc; position: relative;} #slider{ height: 175px; width: 175px; background-color: yellow; opacit

Javascript：实操---放大镜效果

Javascript：实操---类似京东图片点击切换

CSS部分 <style>*{ margin:0; padding:0;}#div1{ width:670px; height:150px; margin:20px auto; position:relative; overflow:hidden;}.out{ width:5000px; height:150px; overflow:hidden; position:absolute;}.out ul{ height:150px; list-style:none; position:absol

Javascript：实操---导航条滚动

CSS部分 <style>*{ margin:0; padding:0;}.out{ position:absolute;}.tabs{ width:300px; height:100px; margin-top:20px; position:absolute;}.slider{ height:7px; width:79px; border-bottom:2px solid #E4393C; text-align:center; overflow:hidden; position:absolu

Javascript：实操---碰壁反弹（有阻碍物）

CSS部分 <style>*{ margin: 0px; padding: 0px; }#main{ width: 700px; height: 500px; border: 1px solid black; position: relative;}#child{ width: 30px; height: 30px; border-radius: 15px; background-color: #ccc; position: a

Javascript：实操---碰壁反弹（无阻碍物）

CSS部分 <style type="text/css">#wrap{ height: 300px; width: 500px; border: 1px solid #000; position: relative;}#child{ position: absolute; left: 0; top: 0; height: 50px; width: 50px; background-color: #ccc;}<