Javascript实现首页内容切换

最新推荐文章于 2022-08-11 19:11:19 发布
最新推荐文章于 2022-08-11 19:11:19 发布
阅读量887 收藏
点赞数
分类专栏： Dreamweaver 文章标签： javascript iframe border function c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/szkane/article/details/58457
版权

<Script Language="JavaScript">
   function changeIFrameSrc(c)
   {
    var IFrameSrc = "/template/default/IndexIFrame_" + c + ".Aspx";
    document.all.IndexIFrame.src = IFrameSrc;
   }
   </Script>

 

<a href="JavaScript:changeIFrameSrc(469)">星闻播报</a>

 

<IFRAME src=" " width="100%" height="220" frameborder="no" border="0" scrolling="no" Name="IndexIFrame"></IFRAME>

szKane
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js实现选项卡切换显示对应内容，按钮切换页面内容
AAAAAyo的博客
12-26 9141
一、点击头部选项卡切换内容 头部如图所示（懒得改文字了，直接打码上图了） 如下图所示 头部有6个选项卡 被选中的选项卡背景色为白色 本文只给出html和js代码 样式表就不贴了 第一个选项卡对应div的内容 第二个选项卡对应div的内容 可以看出是有切换内容的 表格都不一样 头部选项卡代码 &amp;lt;div class=&quot;formHeader&quot;&amp;gt; &amp;lt;ul&amp;gt; &amp;lt;
JS实现Tab内容切换，页面不刷新，内容切换，网址变化
07-05
JS实现Tab内容切换，页面不刷新，内容切换，网址对应变化，效果非常好。
首页tab切换
让世界更美好！
08-14 1688
前面几个文章说的是后台页面. 这一节我们说的是首页. 即index.html 我们的项目就是仿照网易云音乐(移动端). 打开控制台, 选择如下图: 基本结构 页面的基本结构: &lt;section id="tabs" class="globalTabs"&gt; &lt;ol class="tabs-nav"&gt; &lt;li class="active&qu
纯js实现点击切换内容
hhazjyh5210的博客
08-11 3917
js实现点击切换，排他思想
原生js如何写点击切换展示不同内容
happy-jia的博客
05-05 3132
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代.
JavaScript实现tab栏切换效果
10-15
JavaScript 实现的 Tab 切换效果是一种常见的网页交互设计，用于在不同的内容区域之间进行切换，通常用在页面顶部或侧边的导航菜单。在这个例子中，我们将详细讲解如何使用 JavaScript 和 CSS 实现这一功能。 首先...
基于javascript实现tab切换特效
10-22
主要介绍了基于javascript实现tab切换特效的相关资料,具有一定的参考价值，需要的朋友可以参考下
JavaScript 实现 Tab 点击切换实例代码
10-20
本文将聚焦于使用原生JavaScript实现点击切换Tab效果的基础实例。 首先，我们需要明确Tab切换的基本工作原理。一个典型的Tab切换由以下几个部分组成：Tab标签、内容显示区域以及用来切换这些内容的JavaScript逻辑。...
原生javascript实现图片按钮切换
10-24
1. 原生JavaScript实现图片按钮切换的基本概念和方法 原生JavaScript可以通过控制DOM元素来实现图片切换效果。上述代码段展示了如何通过编写JavaScript函数和对象原型来控制图片列表的滚动，实现图片按钮的切换功能...
JavaScript实现点击文字切换登录窗口的方法
10-24
本文讨论的是使用JavaScript实现点击文字切换登录窗口的方法。这种方式在现代网页设计中很常见，允许用户在同一个页面内通过点击不同的文字链接来切换显示不同的登录窗口。该技术利用了JavaScript操作DOM（文档对象...
js点击切换文字
qq_40435659的博客
05-03 4225
// javascriptvar a = document.getElementsByTagName('a')[0]a.addEventListener('click',function(){    if(a.innerText == '123'){a.innerText = '456'}    else{a.innerText = '123'}},false) // jQuery$('a').c...
点击来回切换html内容,JS实现点击循环切换显示内容的方法
weixin_35117981的博客
06-05 1821
本文实例讲述了JS实现点击循环切换显示内容的方法。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：www.jb51.net 点击循环切换内容a {cursor: pointer;color: red;}p {display: none;}循环切换内容111112222233333//可以换成切换图片等等flag = 0;pre = 0;function con(){var cons...
js实现点击切换文字
qq_33205354的博客
05-12 1万+
点击实现文字的切换，通常用在商品的收藏&lt;p id="btn" onclick="changeVal(this);" &gt;展开&lt;/p&gt;&lt;script&gt;    function changeVal(obj){    var val=document.getElementById("btn");    if(val.innerHTML=="展开"){  
js做内容切换
Big_eyes123的博客
11-21 809
今天我看了网易云课堂的js基础视频，跟着老师学了怎样做简单的选项卡（也就是内容切换），下面是我写的： &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset="utf-8" /&gt; &lt;styl
JS切换类并显示相应的内容模块
sennyla的博客
01-26 3950
思路：一层循环遍历操作的元素并获取当前遍历到的元素的下标，通过下标去选择显示对应的内容模块。 二层循环将元素恢复操作前的状态。 var fbUls =document.getElementById("oUl"); var fbLis = fbUls.getElementsByTagName("li"); var aDivs = document.getElementsByClassNa
js事件之点击不同按钮固定位置实现内容切换
热门推荐
KJinfei的博客
01-24 1万+
HTML 代码： div { width:310px; height:180px; font-size:20px; background-color:green; display:none; } button { width:100px; } .active { background-color:red; } .show { display
【HTML】- 鼠标移动时内容进行切换
baidu_hxl的博客
07-02 6277
鼠标移动时内容进行切换
js实现左右内容切换效果
我心独舞的博客
07-28 1888
如何能让左边文本框里的内容动态添加到右边文本框里呢？ 本人在学习阶段想到这样的一个方法，利用点击事件动态的添加内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...
探探首页切换效果
lolicon10的博客
12-04 3843
使用RecyclerView自定义layoutManager来实现 首先这个是必须重写的，默认的子card  lp @Override public RecyclerView.LayoutParams generateDefaultLayoutParams() { return new RecyclerView.LayoutParams(ViewGroup.LayoutParams
使用JavaScript实现图片左右切换效果
CSS用来定义布局和样式，包括图片容器的宽度、溢出隐藏（实现切换效果）、箭头按钮的位置和样式等。这里省略了完整的CSS代码，但关键在于设置`overflow: hidden;`以隐藏超出容器的部分，以及箭头按钮的位置和背景...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值