懒人图库js代码（怎样用JS写出两个按钮的内容互相转换的代码）

本文目录

• 怎样用JS写出两个按钮的内容互相转换的代码
• 有谁知道怎么修改这段js代码
• 急急急 DW怎么引入css ,jQuery 脚本库以及.js文件
• 懒人图库的代码怎么用呀
• 求JS代码：点击弹出div,选择图片后，使另一个div显示对应的字体类型
• 我在懒人图库中拷了一段导航下拉菜单的js代码，插在我的网页中却不显示下拉的内容有可能是什么原因呢
• 大神！给我写一个js选项卡的代码呗

怎样用JS写出两个按钮的内容互相转换的代码

纯js为你解答：《br》《button id="btn1"》选项卡1《/button》《br》《button id="btn2"》选项卡2《/button》《br》《p id="p1" 》我是第一块《/p》《br》《p id="p2" style="display:none"》我是第二块《/p》《br》《script》《br》 for(var r = 1;r《=2;r++){《br》 document.getElementById("btn"+r).setAttribute("i", r);《br》 document.getElementById("btn"+r).onclick = function(){《br》 for(var j = 1;j《=2;j++){《br》 document.getElementById("p"+j).style.display = "none";《br》 }《br》 // alert(1);《br》 document.getElementById("p"+this.getAttribute("i")).style.display = "block";《br》 }; 《br》 }《br》《/script》《br》《br》有疑问大可继续追问。

有谁知道怎么修改这段js代码

把你msn.js文件里的代码改为，以后修改divheight的值就可以修改滚动框的高度了：
divheight=300;
document.writeln("《div id=\"msn\" style=\"BORDER-RIGHT:#455690 1px solid; BORDER-TOP:#a6b4cf 1px solid; Z-INDEX:99999; LEFT:0px; BORDER-LEFT:#a6b4cf 1px solid; WIDTH:180px; BORDER-BOTTOM:#455690 1px solid; POSITION:absolute; TOP:0px; HEIGHT:" + divheight + "px; BACKGROUND-COLOR:#c9d3f3\"》");
document.writeln("《table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"BORDER-TOP:#ffffff 1px solid; BORDER-LEFT:#ffffff 1px solid\" bgcolor=\"#cfdef4\"》");
document.writeln("《tr》《td height=\"24\" width=\"26\" style=\"FONT-SIZE:12px;BACKGROUND-IMAGE:url(images/msgTopBg.gif);COLOR:#0f2c8c\" valign=\"middle\"》《img src=\"images/msgLogo.gif\" hspace=\"5\" align=\"absMiddle\" vspace=\"1\"\/》《\/td》");
document.writeln("《td style=\"FONT-WEIGHT:normal;FONT-SIZE:9pt;BACKGROUND-IMAGE:url(images/msgTopBg.gif);COLOR:#1f336b;PADDING-TOP:4px\" valign=\"middle\" width=\"100%\"》懒人图库整理《\/td》");
document.writeln("《td style=\"BACKGROUND-IMAGE:url(images/msgTopBg.gif);PADDING-TOP:2px\" valign=\"middle\" width=\"19\" align=\"right\"》《img src=\"images/msgClose.gif\" hspace=\"3\" style=\"CURSOR:pointer\" onclick=\"closeDiv()\" title=\"关闭\"\/》《\/td》");
document.writeln("《\/tr》《tr》《td colspan=\"3\" height=\"90\" style=\"PADDING-RIGHT:1px;BACKGROUND-IMAGE:url(images/msgBottomBg.jpg);PADDING-BOTTOM:1px\"》");
***隐藏网址***
msn.style.top=document.body.clientHeight-174;
msn.style.left=document.body.clientWidth-225;
moveR();
function moveR() {
//这是滚动框距离窗体上边的位置，document.body.clientHeight-116是一个屏幕，/2后就是半个屏幕了
//原句 msn.style.top=document.body.scrollTop+(document.body.clientHeight-116);
msn.style.top=document.body.scrollTop+(document.body.clientHeight-divheight)/2;
msn.style.left=document.body.scrollLeft+document.body.clientWidth-180;
setTimeout("moveR();",80)
}
function closeDiv(){
msn.style.visibility=’hidden’;
}

急急急 DW怎么引入css ,jQuery 脚本库以及.js文件

《link href="css.css" rel="stylesheet" type="text/css" /》
《script type="text/javascript" src=".jquery.js"》
把脚本和css样式 就上面类似的代码，一般在网站源码头部，
复制到自己的页面上，然后文件对应地复制到自己的网站目录下面，
dw只是一个工具，操作后还是代码在起作用，所以还是直接写代码把
我一般把jquery1.8.0什么的直接改成jquery.js
个人喜好
如果是懒人图库下载来的js源码，那他页面上的html也要的，会有个id
和页面上js调用的函数
另外图片路径也要对，
你这样css和js都不会引入...操作起来可能有点问题

懒人图库的代码怎么用呀

1 需要你熟悉基本的HTML代码
2 懒人图库的JS代码都已经精简整理过的
3 使用网页工具，如dreamweaver你的网页，把代码拷贝到对应位置即可。

求JS代码：点击弹出div,选择图片后，使另一个div显示对应的字体类型

《script type="text/javascript"》
$(document).ready(function(){
 $("#font").click(function(e){
$("#tooltips0").toggle();                        
e.stopPropagation();                        
 });
 $(document).click(function() {
$("#tooltips0").hide();                       
 });
 // 改这里就可以了哟                                               
 $(".font_selectGroups li").click(function(){    
$("#tooltips0").hide();                     
$("#fontshow").text(/\/(\w+)\.png$/.exec($(this).find(’img’).attr(’src’)));       
 });
});
《/script》

我在懒人图库中拷了一段导航下拉菜单的js代码，插在我的网页中却不显示下拉的内容有可能是什么原因呢

拷贝别人的东西问题总是很多，首先那段代码本身是不是正常的，其次你的html的结构是不是跟它的一样，再次css是不是一样，然后id是不是一样，还有路径是不是正确，再加上浏览器的兼容是不是有问题等，我没想到的楼下再补充。

大神！给我写一个js选项卡的代码呗

《!DOCTYPE HTML》
《html lang="en-US"》
《head》
《meta charset="UTF-8"》
《title》main.html《/title》
《style type="text/css"》
#div1 .active {
background: #f60;
}
#div1 div {
width: 200px;
height: 200px;
background: #CCC;
border: 1px #999 solid;
display: none;
}
《/style》
《script type="text/javascript"》
var index = 0;
window.onload = function ()
    {
var div1 = document.getElementById(’div1’);
var btns = div1.getElementsByTagName(’input’);
var divs = div1.getElementsByTagName(’div’);
for ( var i = 0; i 《 btns.length; i++)
        {
btns.index = i;
        btns.onclick = function ()
        {
        divs.style.display = ’none’;
        btns.className = ’’;
        this.className = ’active’;
        divs.style.display = ’block’;
        index = this.index;
        }
        }
    }
《/script》
《/head》
《body》
《div id="div1"》
《input class="active" type="button" value="1"》 
《input type="button" value="2"》 
《input type="button" value="3"》 
《input type="button" value="4"》
《div style="display: block;"》1111111111111111《/div》
《div》2222222222222《/div》
《div》33333333333《/div》
《div》4444444《/div》
《/div》
《/body》
《/html》