编程(脚本)
Oct 19

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jquery制作左侧浮动层跟随页面滚动 -jiandanjie.com简单街省钱购物网站</title>
<!-- <script src="js/jquery.min.js" type="text/javascript"></script> 可以改为本地地址-->
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function(){
var obj = $('#fl_menu');
var offset = obj.offset();
var topOffset = offset.top;
var leftOffset = offset.left;
var marginTop = obj.css("marginTop");
var marginLeft = obj.css("marginLeft");

$(window).scroll(function() {
var scrollTop = $(window).scrollTop();

 if (scrollTop >= topOffset){

  obj.css({
   marginTop: 0,
   marginLeft: leftOffset,
   position: 'fixed',
  });
 }

 if (scrollTop < topOffset){

  obj.css({
   marginTop: marginTop,
   marginLeft: marginLeft,
   position: 'relative',
  });
 }
});
});

</script>
<style type="text/css">
/* fl_menu */
#fl_menu{position:absolute;top:50px;left:0px;z-index:9999;width:150px;height:50px;}
#fl_menu .label{padding-left:20px;line-height:20px;font-size:5px;font-weight:bold;background:#68EE68;color:#fff;letter-spacing:5px;}
/*
#fl_menu .menu{display:none;}
#fl_menu .menu .menu_item{display:block;background:#000;color:#bbb;border-top:1px solid #333;padding:10px 20px;font-size:12px;text-decoration:none;}
#fl_menu .menu a.menu_item:hover{background:#333;color:#fff;}
*/
</style>
</head>
<body>
 <div id="fl_menu" style="top: 50px;">
  <div class="label" ">jsfoot</div>
  <div class="label" style="opacity: 0.75;">
   <a href="http://jiandanjie.com/taozhe/keyword/v9XG!L67u6,G9w/sort/total_sales_des/start_price/500/ChannelID/shuma.html" >电器销量排行榜</a>
   <a href="http://jiandanjie.com/taozhe/keyword/xNDXsLGsv!4/sort/total_sales_asc/ChannelID/nanzhuangjingpin.html">精品男装销量排行榜</a>
   <a href="http://jiandanjie.com/" >养生栏目xxxxx</a>
   <a href="" >天猫购物到简单街</a>
   <a href="" >京东购物</a>
  </div>
 </div>
  
 <div id="text">
     <div class="header">d<span class="italic">简单街 省钱购物网站 ,精心筛选 天猫和京东 精品 ,值得访问购买</br></span>
  </div>
 </div>
 
 <h2>天猫访问</h2>
访问效果地址:http://itlife365.com/floatmenu.html

Tags: ,
Jul 3
轻量级 jQuery 看图插件 phZoom
[phZoom] 是一个小巧的jQuery看图插件.
==================================
当前版本: phZoom 1.23 RC
更新时间: 2011.11.05

使用方法和步骤:
1. 加载jQuery库(需1.4+)
2. 加载phZoom.css, 请保证压缩包内的两张小图片与phzoom.css同级目录
3. 加载phzoom.js, 请保证其加载于jQuery库之后
4. 调用接口:

$node.phzoom({
 // 此处为设置项, 可留空
});

请把 $node 改为所需的jQuery选择器, 如: $('a:has(img)')

不管如何调用, 请务必将调用代码包在一个DOM Ready方法内, 如:

$(function(){
// 此处为上面的调用接口
});

以下为插件设置选项, 注意大括号结束前不要逗号

{

 layOpacity:0.7,     // 遮罩层不透明度, 默认0.7即为70%不透明
 layDur:300,         // 遮罩层渐显的时间, 单位毫秒
 animDurA:300,       // 图片从原位飞到荧幕中间的时间, 单位毫秒
 animDurB:300,       // 图片从小到大的变化时间, 单位毫秒
 navColor:'#cf0',    // 上/下一张的文本颜色, 需要引号
 capColor:'#cf0',    // 大图底部标题与索引的文本颜色, 需要引号
 limitWidth:false    // 若设为true, 特大图将不会宽于窗口(保持宽高比)

}

Oct 21
输入文件内容后,用记事本打开,里面换行符都成了黑方格,其他正常,怎么解决呢?
在网上搜了一下,别人说将换行符"\n"替换为"\r\n"
qqEmail="itlife365.com\n" ;   // 旧的格式
qqEmail="itlife365.com\r\n" ; // 新的格式
Dec 2

JQuery获取和设置Select选项

<select name=sel onchange="bao(this.options[this.options.selectedIndex].value)">

  

获取Select :

  

 获取select 选中的 text :

   $("#ddlRegType").find("option:selected").text();

 获取select选中的 value:

  

   $("#ddlRegType ").val();

 获取select选中的索引:

     $("#ddlRegType ").get(0).selectedIndex;

  

设置select:

  

 设置select 选中的索引:

     $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

  设置select 选中的value:

    $("#ddlRegType ").attr("value","Normal“);

    $("#ddlRegType ").val("Normal");

    $("#ddlRegType ").get(0).value = value;

  设置select 选中的text:

var count=$("#ddlRegType option").length;

  for(var i=0;i<count;i++)  
     {           if($("#ddlRegType ").get(0).options[i].text == text)  
        {  
            $("#ddlRegType ").get(0).options[i].selected = true;  
         
            break;  
        }  
    } 

  

清空 Select:

$("#ddlRegType ").empty();

                       
Tags:
Nov 25
<script>
function getInfo()
{
var s = "";
s += " 网页可见区域宽:"+ document.body.clientWidth;
s += " 网页可见区域高:"+ document.body.clientHeight;
s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)";
s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)";
s += " 网页正文全文宽:"+ document.body.scrollWidth;
s += " 网页正文全文高:"+ document.body.scrollHeight;
s += " 网页被卷去的高(ff):"+ document.body.scrollTop;
s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop;
s += " 网页被卷去的左:"+ document.body.scrollLeft;
s += " 网页正文部分上:"+ window.screenTop;
s += " 网页正文部分左:"+ window.screenLeft;
s += " 屏幕分辨率的高:"+ window.screen.height;
s += " 屏幕分辨率的宽:"+ window.screen.width;
s += " 屏幕可用工作区高度:"+ window.screen.availHeight;
s += " 屏幕可用工作区宽度:"+ window.screen.availWidth;
s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";
s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";
alert (s);
}
getInfo();
</script>
分页: 1/4 第一页 1 2 3 4 下页 最后页 [ 显示模式: 摘要 | 列表 ]