复制代码 代码如下: var csj_data; $.ajax ({ cache: false, async:
f…

功用网站:
本效果加强版:
主要扩大了光标悬停效用

var LeftHeadGrid = function(config) {
this.rowHeads = config.rowHeads != null ? config.rowHeads: [];//name
this.columnDatas = config.columnDatas != null ? config.columnDatas:
[];
this.width = config.width != null ? config.width: “”;
this.id = config.id != null ? config.id: “TreGrid”;
this.perUnitWidth = config.perUnitWidth != null ? config.perUnitWidth:
10;
this.innerWidth = 0;
this.innerLWidth = 0;
this.height = 0;
this.title = config.title != null ? config.title: “”;
this.noDataStr = config.noDataStr != null ? config.noDataStr: “no
data”;
}
LeftHeadGrid.prototype.createGrid = function(){
var totalwidth = 0;
var tableHtml = “<table>”;
for(var i=0;i<this.rowHeads.length;i++){
var obj = this.rowHeads[i];
var width = obj.width;
totalwidth = totalwidth + parseInt(width);
var rownameobj = obj.rowname;

 
               csj_data = data;
               alert(data);
           }
       });

解析:接纳$(‘li’)将协作到的是四个li成分的集结。
如若要内定获取第四个li成分,那么能够使用“:first”,即$(‘li:first’);

复制代码 代码如下:

 var csj_data;

<h2>jquery特效 单行文字向上滚动(有停顿)</h2>
<div id=”scrollDiv_keleyi_com” class=”scrollDiv”>
<ul>
<li><a
href=”;
<li><a
href=”;
<li><a
href=”;
<li><a
href=”;
</ul>
</div>
<script type=”text/javascript”>
function AutoScroll(obj){
$(obj).find(“ul:first”).animate({
marginTop:”-25px”
},500,function(){
$(this).css({marginTop:”0px”}).find(“li:first”).appendTo(this);
});
}
$(document).ready(function(){
setInterval(‘AutoScroll(“#scrollDiv_keleyi_com”)’,3000);
});
</script>

//var innerWidth = this.width-100;
var headHtml = this.createGrid();
var html = “<div id=’outframe’ class=’outframecss’ style=’width:” +
this.width + “px;’>”

复制代码 代码如下:

采取jQuery达成单行文字间歇向上滚动

for(var j=0;j<rownameobj.length;j++){
var nameobj = rownameobj[j];
if(j==0){
rtnObj[i] = nameobj.name;
}else{
rtnObj[i] = rtnObj[i] + “,” + nameobj.name;
}
}
}
return rtnObj;
}

      $.ajax
       ({
           cache: false,
           async: false,
           type: ‘post’,
           data: { aaa: “1” },
           url:
“../handle/Ladder_Fee_Code.ashx?ajaxaction=Select_FangAn”,
           success: function (data) {

效果网站:
本效率加强版:…

前几天,项目中要用到该表格,找了叁次,开掘未有适度的,于是本人动手安家乐业。
图片 1 
聊到底表现效果如上海教室,
1、左侧是表头的报表数据显现,
2、帮助多行,多表头
3、固定表头的功力
4、能够支持标题
5、获取表格中的数据
6、支持IE/CHROME
7、 表格能够自适应依照剧情行居中

原先只精晓在回来data区域赋给html控件值,后来开掘,原本一贯定义变量就行了。
 

<script type=”text/javascript”
src=”;
<style type=”text/css”>
.scrollDiv{height:25px;/* 须求成分 */line-height:25px;border:#ccc 1px
solid;overflow:hidden;/* 须要成分 */}
.scrollDiv li{height:25px;padding-left:10px;}
ul,li{list-style-type:none;margin:0px;}</style>

for(var j=0;j<rownameobj.length;j++){
var nameobj = rownameobj[j];
if(j==rownameobj.length-1){
tableHtml = tableHtml + “<tr><td class=’bluelast’ width='” +
width + “px’>” + nameobj.name + “</td></tr>”;
}else{
tableHtml = tableHtml + “<tr><td class=’bluefirst’ width='” +
width + “px’>” + nameobj.name + “</td></tr>”;
}
this.height = this.height + 40;
}
}
tableHtml = tableHtml + “</table>”;
var headHtml = “<div class=’leftheadcss’ style=’width:” + totalwidth

alert(csj_data);

复制代码 代码如下:

  • “px;’>”;
    headHtml = headHtml + tableHtml + “</div>”;
    this.innerLWidth = totalwidth;
    this.innerWidth = this.width-totalwidth-5;
    return headHtml;
    }
    LeftHeadGrid.prototype.RenderTo =function(divId){

发表评论

电子邮件地址不会被公开。 必填项已用*标注