jquery动态修改div高度

<!DOCTYPE html>
<html>
    <head>
        <script src="jquery-1.4.2.min.js"></script>
    </head>
    <script type=text/javascript>

        $(function(){
            //var a = $(window).height();
            alert($(window).height()*0.6);
            $(‘div‘).css(‘height‘,$(window).height()*0.6);
        })

    </script>
</html>
时间: 2024-10-19 14:43:41

jquery动态修改div高度的相关文章

从动态获取div高度的问题展开来看

ps 可能篇幅比较长,请大家耐心看看 今天有人在群里问我 动态获取高度怎么获取  我就说jq中的outerHeight. height .innerHeight   原生的height clientHeight.scrollHeight.offsetHeight  按道理百度一下 就ok 了  但是他问了一句这些有什么区别? 哎呦 我去 我还真的需要整理一下   好吧 咱们开始整理一下 <!DOCTYPE html> <html lang="en"> <h

使用jQuery动态调整iframe高度,以及jQuery对dom元素的监听

大家可能会遇到子页面内容较多但iframe高度不够的情况.给iframe设置scrolling="no"的话子页面内容显示不全,不设置又会出现滚动条从而影响美观.当我们点击不同的菜单让iframe加载不同的html文件时,iframe的高度就需要做相应的调整. 主题思路:子页面加载完成后根据具体body的高度给iframe设置一个适合的高度 情况1:各个子页面内容与高度比较固定 <script> $(function(){ $("#Frame_Content&qu

IE8 通过Jquery动态修改html不显示的问题

for (var i = 0; i < _priority_transf.length && i < xmlList.length; i++) { if (textContent.indexOf(_priority_transf[i].NAME) < 0) { $("#ulTrafMode").append('<li><div class="payment-item online-payment"><b

jquery 动态创建 DIV

方法一: var creatediv= function(){    var parentdiv=$('<div></div>');        //创建一个父div    parentdiv.attr('id','parent');        //给父div设置id    parentdiv.addclass('parentdiv');    //添加css样式 var childdiv=$('<div></div>');        //创建一个

关于在jquery动态修改css,html中,mouseenter,mouseleave,click等方法失效的处理

jquery入门 动态调整div大小,使其宽度始终为浏览器宽度

有时候我们需要设置宽度为整个浏览器宽度的div,当然我们可以使用相对布局的方式做到这一点,不过我们也可以用jquery来实现. <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js"></script>

jQuery动态实现title的修改 失效问题

最近做了一个网站,一切都很顺利,在上线的时候,突然发现一个严重的问题,开始面对这个问题,完全不知所措(在goole.火狐.IE9及其以上都没得问题:IE8及其低版本都失效)只是浏览器弹出一个bug,但是具体是哪儿出错了,完全是不知道: 这个问题来到有点突然,实在没办法,我就会只有通过一段段的屏蔽代码,通过排除法,最终原因就出在title动态修改上: 原来在IE8中修改title的值不能通过jQuery来操作,而是要通过原生态的js来实现. jQuery动态实现title的修改 失效问题

JQuery控制两个Div高度一致

<script type="text/javascript"> $(function(){ if($("#left").height() > $("#right").height()){ $("#right").css("height",$("#left").height()); }else{ $("#left").css("height&

自己动手丰衣足食之轮播图一动态修改marginTop属性实现轮播图

引言 学习jQuery有年头了,刚开始学习时自己动手写过轮播图,放的久了以至于忘了大致思路了.现在转而做前端,抽空把jquery轮播图拿出来写一写,把各种思路都自己练习练习,这里主要使用动态修改marginTop来实现. 实现原理 1.除第一张图片外,其余图片全部隐藏,4张图片重叠起来. 2.导航按钮添加mouseover和mouseleave事件. 3.设置interval函数,启动定时器调用ShowImg函数. 4.动态修改marginTop属性达到上下轮播的效果,说道动态修改margin属