1、分别用table和div实现一个细线表格(3行3列,表格边框1px(红色),单元格200px200px)

1、分别用table和div实现一个细线表格(3行3列,表格边框1px(红色),单元格200px200px),第1张

dedecms列表页如何调用子栏目列表以及子栏目的名称的方法。

如下参考:

1打开梦想编织设备的主界面,直接找到增加顶级top程序,选择跳转。

2此时,进入新的对话框,根据实际情况设置相关参数。

3如果下一步没有问题,点击确定,如下图。

4以便在特殊情况下看到相应的结果,可以转移到使用指定列下的子列列表中。

jquery 一个table中定位到某一行的方法如下:

jquery使用css3选择器“:nth-child(n)”可以快速选择具有一定规律排列的元素,:nth-child(n) 用于匹配属于其父元素的第 n 个子元素,其中n 可以是数字、关键词或公式。注意:

此过滤器的序号是从1开始的

需要IE8以上浏览器支持

下面实例演示——为table的第1,4,7,行添加背景色变色:

1、HTML结构

<table id = "test">

<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>

<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>

<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>

<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>

<tr><td>5</td><td>4</td><td>5</td><td>6</td></tr>

<tr><td>6</td><td>7</td><td>8</td><td>9</td></tr>

<tr><td>7</td><td>1</td><td>2</td><td>3</td></tr>

<tr><td>8</td><td>4</td><td>5</td><td>6</td></tr>

<tr><td>9</td><td>7</td><td>8</td><td>9</td></tr>

</table>

<input type='button' value='设置'/>

2、jquery代码

$(function(){

$("input[type='button']")click(function() {

$("table#test tr:nth-child(3n+1)")css("background","#229922")

});

});

3、效果演示

表格方式:

<table width="598" cellspacing="0" cellpadding="0" style="border:1px red solid">

  <tr>

    <td width="200" style="border-right:1px red solid; border-bottom:1px red solid">第一行1</td>

    <td width="200" style="border-right:1px red solid; border-bottom:1px red solid">第一行2</td>

    <td width="200" style="border-bottom:1px red solid">第一行3</td>

  </tr>

  <tr>

    <td width="200" style="border-right:1px red solid; border-bottom:1px red solid">第二行1</td>

    <td width="200" style="border-right:1px red solid; border-bottom:1px red solid">第二行2</td>

    <td width="200" style="border-bottom:1px red solid">第二行3</td>

  </tr>

  <tr>

    <td width="200" style="border-right:1px red solid;">第三行1</td>

    <td width="200" style="border-right:1px red solid;">第三行2</td>

    <td width="200" >第三行3</td>

  </tr>

</table>

div方式:

<style>

#tb{width:600px;height:auto; margin-top:10px;}

td{float:left; width:198px;height:20px;border-left:1px solid red; border-top:1px solid red;}

tr{clear:both;height:20px; }

td1{border-right:1px solid red;}

td2{border-bottom:1px solid red;}

</style>

<div id="tb">

<div class="tr"><div class="td">td1</div><div class="td">td2</div><div class="td td1">td3</div></div>

<div class="tr"><div class="td">td1</div><div class="td">td2</div><div class="td td1">td3</div></div>

<div class="tr"><div class="td td2">td1</div><div class="td td2">td2</div><div class="td td1 td2">td3</div></div>

</div>

如果是规则表格的话,一对<tr></tr>就是一行,在一对<tr></tr>里面<td></td>有几对就是几列。

第一步,我先从简单的调用出发,定义了一个简单的函数,该函数仅仅实现一个整数加法求和:

LIBEXPORT_API int mySum(int a,int b){ return a+b;}

C# 导入定义:

public class RefComm

{

[DllImport("LibEncryptdll",

EntryPoint=" mySum ",

CharSet=CharSetAuto,CallingConvention=CallingConventionStdCall)]

public static extern int mySum (int a,int b);

}

在C#中调用测试:

int iSum = RefCommmySum(,);

运行查看结果iSum为5,调用正确。第一步试验完成,说明在C#中能够调用自定义的动态链接库函数。

第二步,我定义了字符串操作的函数(简单起见,还是采用前面的函数名),返回结果为字符串:

LIBEXPORT_API char mySum(char a,char b){sprintf(b,"%s",a); return a;}

C# 导入定义:

public class RefComm

{

[DllImport("LibEncryptdll",

EntryPoint=" mySum ",

CharSet=CharSetAuto,

CallingConvention=CallingConventionStdCall)]

public static extern string mySum (string a, string b);

}

在C#中调用测试:

string strDest="";

string strTmp= RefCommmySum("45", strDest);

运行查看结果 strTmp 为"45",但是strDest为空。我修改动态链接库实现,返回结果为串b:

LIBEXPORT_API char mySum(char a,char b){sprintf(b,"%s",a) return b;}

修改 C# 导入定义,将串b修改为ref方式:

public class RefComm

{

[DllImport("LibEncryptdll",

EntryPoint=" mySum ",

CharSet=CharSetAuto,CallingConvention=CallingConventionStdCall)]

public static extern string mySum (string a, ref string b);

}

在C#中再调用测试:

string strDest="";

string strTmp= RefCommmySum("45", ref strDest);

运行查看结果 strTmp 和 strDest 均不对,含不可见字符。再修改 C# 导入定义,将CharSet从Auto修改为Ansi:

public class RefComm

{

[DllImport("LibEncryptdll",

EntryPoint=" mySum ",

CharSet=CharSetAnsi,CallingConvention=CallingConventionStdCall)]

public static extern string mySum (string a, string b);

}

在C#中再调用测试:

string strDest="";

string strTmp= RefComm mySum("45", ref strDest);

运行查看结果 strTmp 为"45",但是串 strDest 没有赋值。第二步实现函数返回串,但是在函数出口参数中没能进行输出。再次修改 C# 导入定义,将串b修改为引用(ref):

public class RefComm

{

[DllImport("LibEncryptdll",

EntryPoint=" mySum ",

CharSet=CharSetAnsi,CallingConvention=CallingConventionStdCall)]

public static extern string mySum (string a, ref string b);

}

运行时调用失败,不能继续执行。

第三步,修改动态链接库实现,将b修改为双重指针:

LIBEXPORT_API char mySum(char a,char b){sprintf((b),"%s",a); return b;}

C#导入定义:

public class RefComm

{

[DllImport("LibEncryptdll",

EntryPoint=" mySum ",

CharSet=CharSetAnsi,CallingConvention=CallingConventionStdCall)]

public static extern string mySum (string a, ref string b);

}

在C#中调用测试:

string strDest="";

string strTmp= RefComm mySum("45", ref strDest);

运行查看结果 strTmp 和 strDest 均为"45",调用正确。第三步实现了函数出口参数正确输出结果。

第四步,修改动态链接库实现,实现整数参数的输出:

LIBEXPORT_API int mySum(int a,int b,int c){ c=a+b; return c;}

C#导入的定义:

public class RefComm

{

[DllImport("LibEncryptdll",

EntryPoint=" mySum ",

CharSet=CharSetAnsi,CallingConvention=CallingConventionStdCall)]

public static extern int mySum (int a, int b,ref int c);

}

在C#中调用测试:

int c=0;

int iSum= RefComm mySum(,, ref c);

运行查看结果iSum 和c均为5,调用正确。

经过以上几个步骤的试验,基本掌握了如何定义动态库函数以及如何在 C# 定义导入,有此基础,很快我实现了变长加密函数在 C# 中的调用,至此目标实现。

三、结论

在 C# 中调用 C++ 编写的动态链接库函数,如果需要出口参数输出,则需要使用指针,对于字符串,则需要使用双重指针,对于 C# 的导入定义,则需要使用引用(ref)定义。

对于函数返回值,C# 导入定义和 C++ 动态库函数声明定义需要保持一致,否则会出现函数调用失败。定义导入时,一定注意 CharSet 和 CallingConvention 参数,否则导致调用失败或结果异常。运行时,动态链接库放在 C# 程序的目录下即可,我这里是一个 C# 的动态链接库,两个动态链接库就在同一个目录下运行。

<TABLE BORDER=2 CELLPADDING=4 width=200px>

  <TR>

    <TH ROWSPAN=4>10</TH>

    <TD>1</TD>

  </TR>

  <TR>

    <TD>2</TD>

  </TR>

  <TR>

    <TD>3</TD>

  </TR>

  <TR>

    <TD>4</TD>

  </TR>

</TABLE>

导航代码

{dede:channel type='self' typeid ='栏目ID'}

<a href='[field:typelink/]'>[field:typename/]</a> 

{/dede:channel}

列表代码

{dede:arclist typeid=1 row=20 channelid=2 col=5 titlelen=20 orderby='pubdate' imgwidth=160 imgheight=123}

<table cellspacing=2 cellpadding=0 width="98%" border=0>

<tbody>

<tr>

<td align=middle>[field:imglink/]</td></tr>

<tr>

<td align=middle>[field:textlink/]</td></tr></tbody></table>

{/dede:arclist}

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » 1、分别用table和div实现一个细线表格(3行3列,表格边框1px(红色),单元格200px200px)

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情