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

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

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);

 

　　

 

原文链接:https://www.cnblogs.com/miroli/p/10473058.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有