web前端开发常用的几个js效果

web前端开发常用的几个js

一.table换行奇数和偶数行不同的颜色

web前端开发常用的几个js效果_第1张图片

二.input type=“text” 文本里面的默认字体颜色和获取焦点后的字体颜色变换

web前端开发常用的几个js效果_第2张图片

三.iframe 自适应调用页面的宽度和高度

源代码:

实例1table换行奇数和偶数行不同的颜色

  

在html页面里 初始化

onLoad="load()">

注意table里的id

id="table1">

实例2 input type=“text” 文本里面的默认字体颜色和获取焦点后的字体颜色变换

οnfοcus='input_focus(this)' οnblur='input_blur(this)'/>


实例3 iframe 自适应调用页面的宽度和高度

调用iframe的页面

id="main" width="100%"height="100%" frameborder="0" scrolling="auto">

备注:注意iframe里的id

Text.html页面里的js

 

   $(window.parent.document).find("#main").load(function(){

    var main =$(window.parent.document).find("#main");

    var thisheight = $(document).height()+50;     //+50看页面的高度加数值

    main.height(thisheight);

    });

 



你可能感兴趣的:(web前端)