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笔记的其他信息。

关键词：滑动门

您可能感兴趣的文章

php 如何滑动,php 滑动门切换代码示例相关推荐

羊车门问题python_python编程羊车门问题代码示例
问题: 有3扇关闭的门,一扇门后面停着汽车,其余门后是山羊,只有主持人知道每扇门后面是什么.参赛者可以选择一扇门,在开启它之前,主持人会开启另外一扇门,露出门后的山羊,然后允许参赛者更换自己的选择. ...
python画羊_python编程羊车门问题代码示例
问题: 有3扇关闭的门,一扇门后面停着汽车,其余门后是山羊,只有主持人知道每扇门后面是什么.参赛者可以选择一扇门,在开启它之前,主持人会开启另外一扇门,露出门后的山羊,然后允许参赛者更换自己的选择. ...
JavaFX场景切换代码示例
最终效果点击场景一按钮切换到场景二: 反之亦然. 代码 package cn.zxl.ChangeScene;import javafx.application.Application; impor ...
可自动定时切换的选项卡/滑动门导航代码
代码简介: 这个滑动门特效不错,可以设定时间,自动循环切换,也可以鼠标控制,而且选项卡也比较漂亮,在新浪和百度见到过这种自动切换的TAB,很实用,代码也简洁. 代码内容: <!DOCTYPE h ...
很棒带阴影的JS+CSS滑动门菜单代码
代码简介: 绝对值得一看的CSS滑动门,因为它在鼠标放上后自动弹出一个带阴影的层,无操作的情况下层会自动隐藏,这样更节省网页布局,而且它的风格也很清新,淘宝网有这种效果,没有用到任何修饰图片,绝对不容 ...
横向全屏滑动插件_【案例】JQuery横向手风琴图片轮播切换代码
点击上方[我分享我快乐]→[...]右上角→[设为星标⭐]即可第一时间获取最新设计资源哈喽大家好,又到了每周二经典案例环节啦~同学们还想了解哪些网页知识今天段老师给同学们带来的是JQuery横向手 ...
【CSS】滑动门技术 ( 借助 CSS 精灵技术实现 | 外部标签设置左半部分背景图片 | 内部标签设置右半部分背景图片 | 鼠标经过更换背景 | 代码示例 )
文章目录一.滑动门技术 1.滑动门技术借助 CSS 精灵技术实现 2.外部标签设置左半部分背景图片 3.内部标签设置右半部分背景图片 4.鼠标经过时更换背景二.完整代码示例一.滑动门技术 1.滑 ...
jQuery制作鼠标悬停水平滑动门切换特效仿阿里妈妈联盟广告切换特效
原文:jQuery制作鼠标悬停水平滑动门切换特效仿阿里妈妈联盟广告切换特效源代码下载地址:http://www.zuidaima.com/share/1607128309009408.htm
html css纵向滑动列表,JS实现的简洁纵向滑动菜单(滑动门)效果
本文实例讲述了JS实现的简洁纵向滑动菜单(滑动门)效果.分享给大家供大家参考,具体如下: 这是一款纵向布局的CSS+JavaScript滑动门代码,相当简洁的手法来实现,如果对颜色不满意,你可以试着自 ...
Android之实现夸克浏览器书签和历史页面滑动时候右上角图标切换效果
1 需求实现夸克浏览器书签和历史页面滑动时候右上角图标切换效果,页面滑动的时候,图标也左右滑动,但是只是显示其中的一个 https://www.captainai.net/st/ 2 代码实现 xm ...

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

php 如何滑动,php 滑动门切换代码示例相关推荐

最新文章

热门文章