jquery将标签元素的高设为屏幕的百分比

 更新时间:2017年04月19日 22:43:59   投稿:mdxy-dxy  
这篇文章主要介绍了js将标签元素的高设为屏幕的百分比,需要的朋友可以参考下

html部分:

<body>
<div id="margin_box"></div>
</body>

jquery部分:

<script>
   $(function(){
       var percent =0.15; 
       $("#margin_box").css("height",window.document.body.clientHeight*percent)
   })
</script>

相关文章

  • uniapp时间格式化处理实现

    uniapp时间格式化处理实现

    本文主要介绍了uniapp时间格式化处理实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • 前端面试的底气之实现一个深拷贝

    前端面试的底气之实现一个深拷贝

    最近学到一个有关深拷贝的实现方法,为加深印象,这里给大家分享一下,下面这篇文章主要给大家介绍了关于前端面试的底气之实现一个深拷贝的相关资料,需要的朋友可以参考下
    2022-05-05
  • JavaScript优化图片懒加载的性能技巧

    JavaScript优化图片懒加载的性能技巧

    前端发展过程中有许多性能优化的操作,比如防抖、节流和图片懒加载等,在这里我们首先聊聊图片懒加载操作,我们会经常逛像淘宝和京东等购物平台,一次性全部加载会导致加载时间长、网络资源消耗大,所以本文给大家介绍了JavaScript优化图片懒加载的性能技巧
    2024-06-06
  • event.keyCode键码值表 附只能输入特定的字符串代码

    event.keyCode键码值表 附只能输入特定的字符串代码

    非常不错的应用,让文本框里只能输入money大家看下具体的实现代码,真是只有想到,原理很简单。
    2009-05-05
  • JavaScript对象之深度克隆介绍

    JavaScript对象之深度克隆介绍

    这篇文章主要介绍了JavaScript对象之深度克隆介绍,本文详细的讲解了什么是对象深度克隆,并给出了示例代码,需要的朋友可以参考下
    2014-12-12
  • 微信小程序实现多选框功能的实例代码

    微信小程序实现多选框功能的实例代码

    这篇文章主要介绍了微信小程序实现多选框功能及效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06
  • 微信 jssdk 签名错误invalid signature的解决方法

    微信 jssdk 签名错误invalid signature的解决方法

    这篇文章主要介绍了微信 jssdk 签名错误invalid signature的解决方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-01-01
  • JavaScript中跨域问题的深入理解

    JavaScript中跨域问题的深入理解

    这篇文章主要给大家介绍了关于JavaScript中跨域问题的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • 微信小程序页面间跳转传参方式总结

    微信小程序页面间跳转传参方式总结

    这篇文章主要给大家总结介绍了关于微信小程序页面间跳转传参方式,文中通过示例代码介绍的非常详细,对大家学习或者使用小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06
  • js+canvas实现图片格式webp/png/jpeg在线转换

    js+canvas实现图片格式webp/png/jpeg在线转换

    这篇文章主要介绍了js+canvas实现图片格式webp/png/jpeg在线转换,需要的朋友可以参考下
    2020-08-08

最新评论