D的图鉴-D的方程式,图标库

User Panel

Links

Quán~的~(Mini) Blog 野丫頭叶子的博客有义'blog 唯美图库感人的故事 Alin'S - 岚岚的天空小不点。田俊婷的浪漫小屋乐蜂网 I5land of Seven Sea WEB元素偶爱图图木木的seo 懒人博客龙岗活动社区

更多链接…

分类: JS代码预览模式: 普通 | 列表

1 2 3 4 5 6 7 8 ›

DZ仿PW8的宽窄切换功能

1.把下边这段加到< /head >上边

HTML代码

<link id="fullscreenStyle" rel="stylesheet" type="text/css" href="images/fullscreen.css" media="all" />

<script type="text/javascript" language="Javascript" src="js/pw_ajax.js"></script>
<script language="Javascript">
function shiftStyle(){

//alert(document.getElementById('fullscreenStyle').disabled);
    if(getObj('widthCfg').innerHTML=='[切换到宽版]')
    {
        if(!getObj('fullscreenStyle'))
        {
                var l = document.createElement('link');
                l.id="fullscreenStyle";
                l.rel="stylesheet";
                l.type="text/css";
                l.href="images/fullscreen.css";
                l.media="all";
                document.body.appendChild(l);
        }else
            getObj('fullscreenStyle').disabled = false;
        getObj('widthCfg').innerHTML='[切换到窄版]';
        document.cookie="widthCfg=1";
    }else{
        getObj('fullscreenStyle').disabled=true
        getObj('widthCfg').innerHTML='[切换到宽版]';
        document.cookie="widthCfg=0";
    }
}
</script>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

2.下载pw_ajax.js放到JS文件夹，

3.下边这段放到你想要显示切换按钮的位置：

HTML代码

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

另外自已在images/新建一个fullscreen.css
把宽屏的CSS代码写上去，
以DZ7.2为例：
.wrap, #nav { width: 98%; }
#header { min-width: 98%; width: 100%; }

基本写上这两个就够了，请按照自已的模板添加宽屏代码。

完成。

如有遗漏请在这里留言回复

more...

Date: 2010-08-13

一个图片完全等比例缩放的js脚本可以同时固定高度和宽度

翻出来的老文件，记录一下回来再测试。

    for(var i=0;i<document.images.length;i++){
     var img = document.images;
     var parent=img.parentNode;
     var rt=false;
     while(parent!=null){
        if(parent.id=="DataList1"){
           rt=true;
           break;
        }
        parent=parent.parentNode;
     }
    if(rt){
        var image = new Image();
        image.src = document.images[i].src;
        var width = parseInt(image.width);
        var height= parseInt(image.height);
        if(width>220){
           document.images[i].width=220;
           var imgheight =220/width*height;
           if(imgheight>117)
            {
               document.images[i].height=117;
               document.images[i].width=117/imgheight*220;
            }
            else
            {
                document.images[i].height=imgheight;
                document.images[i].width=220;
            }
        }
        else
            if(height>117)
        {
           document.images[i].height=117;
           var imgwidth =117/height*width;
           if(imgwidth>220)
            {
               document.images[i].width=imgwidth;
               document.images[i].height=220/imgwidth*117;
            }
            else
            {
                document.images[i].width=imgwidth;
                document.images[i].height=117;
            }
        }
        else
        {
            document.images[i].width=width;
            document.images[i].height=height;
        }
        }
}

[/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i]

more...

Tags: JS代码 JS代码等比例等比例