本文目录一览:
- 1、用js实现点击一个标题A时出现隐藏层AA,在点击标题B时出现隐藏层BB,同时关闭隐藏层AA该怎么写
- 2、请问怎么用JS编写一个点击标题的时候标题前面有一个图片点击那一个标题,那个图片就在那个标题前面
- 3、怎样用js获取当前页面的标题,并写到一个文本框中?
用js实现点击一个标题A时出现隐藏层AA,在点击标题B时出现隐藏层BB,同时关闭隐藏层AA该怎么写
用jquery实现比较省事,同一页面可以反复使用,要配合css设置样式。
先引用jquery.js
function setClickTab(a, b) {
$(a + " span:first").addClass("current"); //为第一个SPAN添加当前效果样式
$(b + " div:not(:first)").hide(); //隐藏其它的UL
$(a + " span").click(function () {
$(a + " span").removeClass("current"); //去掉所有SPAN的样式
$(this).addClass("current");
$(b + " div").hide();
$("." + $(this).attr("id")).show();
});
}
div id="tab"span id="a"a/spanspan id="b"b/span/div
div class="tabCnt"
div class="a"!--样式名a与上面的span的id一一对应--
这是aa
/div
div class="b"
这是bb
/div
/div
script language="javascript"
setClickTab("#tab",".tabCnt"); //jquery中如果是id则以#开头,样式名(class)则以.开头,当执行到这里时,会自动隐藏所有的层,只显示a层。点击span里的标题可以实现切换显示。
/script
请问怎么用JS编写一个点击标题的时候标题前面有一个图片点击那一个标题,那个图片就在那个标题前面
简单方法如下:
在标题的容器前面加一个div,div中放一图片
点击标题时触发一个事件,控制div的隐藏和显示
over....
怎样用js获取当前页面的标题,并写到一个文本框中?
思路:使用document.title获取页面标题,使用value属性为文本框赋值,关键代码:
document.getElementById(input_id).value=document.title;
实例演示如下:
1、HTML结构
html
head
titleTEST/title
/head
body
input type="text" id="test"/
input type='button' value='点击按钮获取页面标题' onclick="fun()"/
/body
2、javascript代码
function fun(){
var title = document.title;
document.getElementById("test").value = title;
}
3、效果演示