javascript网页特效(一)

Java (5) 2024-05-18 09:23

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说javascript网页特效(一),希望能够帮助你!!!。

      在制作网页特效可以使用CSS3,也可以编写javascript代码,现在把在工作中常用的有关javascript属性和方法总结一下,希望能对初学者有些帮助。

     使用javascript制作网页特效,避免不了要获得元素的大小位置的数据,哪javascript中给我们提供了一些获得宽高位置的属性,主要用的一下家族的属性:

javascript网页特效(一)_https://bianchenghao6.com/blog_Java_第1张

       1.offset家族常用属性

  2. scroll家族常用属性

  3. client家族常用属性

     现在我就主要来说说offset家族常用属性:

1 offset家族——offsetWidth和offsetHeight

     本身含义:得到对象自己的宽度和高度
     offsetWidth = width + border + padding

1.1offsetWidht和style.width的区别

     style.width只能获得行内样式中的width属性的值,offsetWidth不光可以获得行内样式的值,也可以获得内部样式和外部样式的值。

1.2代码示例

   CSS代码:

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

发表回复