当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 按钮浮动效果和绝对路径的有关问题

按钮浮动效果和绝对路径的有关问题

2019年03月05日  | 移动技术网IT编程  | 我要评论
一、定义一个文本框,一个按钮和一个盒子 id分别设为text,btn,warp,定义的变量名分别为otext,obtn,owarp 注:定义变量 var var obtn=document.getElementById(" "); 二、调用一个function()函数 为obtn加一个点击事件onc ...

一、定义一个文本框,一个按钮和一个盒子

id分别设为text,btn,warp,定义的变量名分别为otext,obtn,owarp

注:定义变量  var

var  obtn=document.getelementbyid(" ");

二、调用一个function()函数

为obtn加一个点击事件onclick,当点击按钮时,文本框浮动到屏幕右边,并且盒子出现。

盒子的样式可以在头标签的<style></style>中定义一个class,类的名字自取,将盒子的样式都写在类中,在function中直接调用,创造点击事件

注:类名前要加点,class不能直接用,因为是关键字,要写成classname

浮动属性:ie浏览器:stylefloat

                  非ie浏览器:cssfloat

三、绝对路径的有关问题

 

 

注:显示的时候可以用相对路径,即在对应目录下的名字,用来判断的时候,例如放在if语句中,就需要知道图片的绝对路径或颜色的rgb的值

上图中绿色注释部分是查看绝对路径和rgb的方法,也可以用弹窗,alert(obox.style.background);

 

  

 

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网