php 如何滑动,php 滑动门切换代码示例

这篇文章主要为大家详细介绍了php 滑动门切换代码示例，具有一定的参考价值，可以用来参考一下。

对php滑动门切换代码感兴趣的小伙伴，下面一起跟随512笔记的小编两巴掌来看看吧！

触显JS代码

以下部分加在index.htm中的  后 JS代码如下：

function show_intro(pre,pree, n, select_n,css) {

for (i = 1; i <= n; i++) {

var intro = document.getElementById(pre + i);

var cha = document.getElementById(pree + i);

intro.style.display = "none";

cha.className=css + "_off";

if (i == select_n)

{

intro.style.display = "block";

cha.className=css + "_on";

}

}

}

触显CSS代码 以下部分加在css.css中 图片大小：62×28 代码如下：

.hot_off {

BACKGROUND: url(ty1.gif) no-repeat; width:62px;

height:18px; padding-top:10px;

}

.hot_on { BACKGROUND: url(ty2.gif) no-repeat;

width:62px; height:18px; padding-top:10px;

}

页面代码，以下部分加在index.htm中 代码如下：

工作动态 盐亭新闻 综合新闻 热点新闻

$label[a002] $label[a003] $label[a004] $label[a001]

 此代码可以在一个网页中设置多个触显。 设置方法： 只需要重新命名页面代码中的“ytld”、“tzm”和“4，1”(名称自己定)。

如：要设一个五显触显： 只需将“ytld”、“tzm”重新命名，并将“4，1”“4，2”“4，3”“4，4”， 改为“5,1”“5,2”“5,3”“5,4”“5.5”，就可以了。

注意其中的“tzm1”“ytld1”也要做相应改变。

注：关于php 滑动门切换代码示例的内容就先介绍到这里，更多相关文章的可以留意512笔记的其他信息。

关键词：滑动门

您可能感兴趣的文章