欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-02-21 11:28:13
一、定义一个文本框,一个按钮和一个盒子 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);