ajax隐藏div代码怎么写

1.js或jq+css 显示或隐藏div 完整代码示例

<meta ; charset=UTF-8"> RunJS 演示代码 <body>

<!-- 左侧列表导航 -->
<!-- 点击不同链接右侧显示不同的内容 -->
<!-- 文章列表 -->
文章 我想找个平台来展示我写的内容,仅此而已。

见闻录 0 1


<!-- 文集列表 --> <!-- 作者列表 -->

2.显示隐藏层的html代码怎么写啊,亲

根据ID显示某个元素:

document.getElementById("隐藏层的ID").style.display="";

显示所有div元素:

for (var i = 0; i < document.getElementsByTagName("div").length; i++) {

document.getElementsByTagName("div")[i].style.display = "";

}

3.我用jquery写个DIV的隐藏于显示

这个好办呀,你在首页里面加一个<div class="test" style="display:none">123</div>

这样就是让首页和其他页面独立出来,方法挺笨的~~

然后在鼠标离开的时候加上这个。

$(".category").hover(function(){

$(this).addClass("head_hover");

$(".category_ul").show();

},function(){

$(this).removeClass("head_hover");

$(".category_ul").hide();

var test = $(".test").text();

if(test=="123"){

$(".category_ul").show();

}else{

$(".category_ul").hide();

}

})

$(".category_ul").hide(); 这句和首页的jq代码都可以去掉。整个站通用我给的这段就可以了。但是你在首页的时候,.category_ul要设置成display:block,其他页面设置成display:none就OK拉

4.求一段隐藏和显示div的JS代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "4/loose.dtd">

<html>

<head>

<title> New Document </title>

<style type="text/css">

#aaa{display:none} #bbb{display:none}

</style>

<script type="text/javascript">

<!--

function show(op){

document.getElementById(op).style.display="block";

}

function hide(op){

document.getElementById(op).style.display="none";

}

//-->

</script>

</head>

<body>

<span onm ouseover="show('aaa')" onm ouseout="hide('aaa')">;文字1</span>

<span onm ouseover="show('bbb')" onm ouseout="hide('bbb')">;文字2</span>

<div id="aaa">aaaaaaaaaaaaaa</div>

<div id="bbb">bbbbbbb</div>

</body>

</html>

5.如何通过js实现隐藏和显示DIV

如下

style="display: none;"

document.getElementById("typediv1").style.display="none";//隐藏

document.getElementById("typediv1").style.display="";//显示

此JS代码中,没有用try——Catch捕获错误,代码如下:

<script language="javascript">

//创建一个showhidediv的方法,直接跟ID属性

function showhidediv(id){

var sbtitle=document.getElementById(id);

if(sbtitle){

if(sbtitle.style.display=='block'){

sbtitle.style.display='none';

}else{

sbtitle.style.display='block';

}

}

}

</script>

<div id="show" onm ouseMove='showhidediv("msg")';>;鼠标移动这里</div><;!--这里是点击div,ID要下面的ID-->

<div id="msg" style="display:none;">;出现显示的内容</div> <;!--这里是MsgDiv-->

onMouseMove='showhidediv("msg")'; 这里是鼠标动作,可以替换成Click或其他!

再次升级,做两个层之间的切换:

<script language="javascript">

//创建一个showhidediv的方法,直接跟ID属性

function showhidediv(id){

var age=document.getElementById("msg_2");

var name=document.getElementById("msg_1");

if (id == 'name') {

if (name.style.display=='none') {

age.style.display='none';

name.style.display='block';

}

} else {

if (age.style.display=='none') {

name.style.display='none';

age.style.display='block';

}

}

}

</script>

<div id="show" style="float:left;" onm ouseMove='showhidediv("name")';>Name:</div><div id="show" style="float:left;" onm ouseMove='showhidediv("age")';>Age:</div>

<div id="msg_1" style="display:none;float:left;">;林雨林</div>

<div id="msg_2" style="display:none;float:left;">18</div>

ajax隐藏div代码怎么写

转载请注明出处育才学习网 » ajax隐藏div代码怎么写

知识

苹果手机ID号怎么写

阅读(212)

本文主要为您介绍苹果手机ID号怎么写,内容包括苹果手机id代码怎么填,苹果手机的id代码怎么填,苹果手机的ID怎么写。首先打开手机桌面的“设置”,进入之后通过滑动菜单,找到“icloud”选项,此时会看到icloud的设置界面有很多选项,对于已经有帐号

知识

hamburger的中文怎么写

阅读(257)

本文主要为您介绍hamburger的中文怎么写,内容包括Hamburger怎么读,中文写出,hamburger的中文怎么写,bamburger翻译成中文是什么。noodle面条 hamburger汉堡 hot dog热狗 sandwich三明治 rice米饭 bread面包 soup汤 dump

知识

haha韩文怎么写

阅读(229)

本文主要为您介绍haha韩文怎么写,内容包括“哈哈哈”韩文怎么写,哈哈用韩语怎么写,哈哈用韩文怎么写。“哈哈哈”用韩文写 "하하하".例句:他开始哈哈大笑。그는 하하 크게 웃기 시작했다.2、只听见门外传来他哈哈的大笑声。문 밖에서 그

知识

前端无经验怎么写简历

阅读(249)

本文主要为您介绍前端无经验怎么写简历,内容包括无经验的前端开发简历怎么写,无经验,无经历,简历怎么写呀,web前端开发简历中项目经验该怎么写。第一,自荐简历一定要署名招聘季的招聘信息发出去后,邮箱会收到大量简历,邮件标题和附件基本上一

知识

肩的英语单词怎么写

阅读(276)

本文主要为您介绍肩的英语单词怎么写,内容包括肩膀的英语单词是什么,肩的英语怎么写,肩膀的英文怎么读。肩膀的英语单词是shoulder。shoulder 英 [ʃəʊldə(r)] 美 [ʃoʊldər] n. 肩膀;肩部v. 承担;扛;

知识

华泾拼音怎么写

阅读(208)

本文主要为您介绍华泾拼音怎么写,内容包括泾拼音怎么写,泾拼音怎么写,泾的读音怎么读音。华拼音:[huá,huà,huā]来自百度汉语|报错华_百度汉语[释义] [huá]:1.美丽而有光彩的。 2.精英。 3.开花。 4.

知识

和你相伴的英文怎么写

阅读(279)

本文主要为您介绍和你相伴的英文怎么写,内容包括只想与你相伴的英文怎么写,希望与你长相伴的英语怎么说,美丽和你相伴用英语怎么说。只想与你相伴Just want to accompany youaccompany的意思、解释过去式:accompanied; 过去分词

知识

创意logo和说明怎么写

阅读(192)

本文主要为您介绍创意logo和说明怎么写,内容包括logo的设计说明怎么写,LOGO设计理念说明怎么写,如何写高大上的LOGO标志创意说明。设计定位视觉效果;科技、绿色环保、追求、稳定、形象。2、设计语汇:科技化,国际化、图文化、装饰性。二、设计

知识

电子核外排布式怎么写

阅读(236)

本文主要为您介绍电子核外排布式怎么写,内容包括核外电子排布式怎么写,电子排布式怎么写,电子排布式简化的电子排布式该怎么写,,急。表示原子核外电子排布的图式之一。有七个电子层,分别用2、3、4、5、6、7等数字表示K、L、M、N、O、P、Q等

知识

给商场打总结怎么写

阅读(209)

本文主要为您介绍给商场打总结怎么写,内容包括百货商场的工作总结怎么写啊,商场月总结怎么写,怎么写商场销售总结啊。年终工作总结 一年来,在科长的正确领导下,在同事们的积极支持和大力帮助下,我能够严格要求自己,较好的履行一名领班的职责,圆

知识

oppor7s怎么写备忘录

阅读(321)

本文主要为您介绍oppor7s怎么写备忘录,内容包括oppor7s的备忘录在哪里,oppor7s的备忘录在哪里,OPPOr7s的备忘录在哪。OPPO手机备忘录的设置方法:云笔记:手机桌面--云笔记--新建笔记,写完之后,点击屏幕右上角的“√”即可保存,并自动返回笔记主目

知识

辘轳体怎么写

阅读(209)

本文主要为您介绍辘轳体怎么写,内容包括古诗中什么叫做“辘轳体”,七绝:最难写就母亲诗(辘轳体),什麽是诗歌的辘轳体。◆辘轳体,目前常见的是五言辘轳体诗和七言辘轳体诗。宋代杨万里有《城上野步用辘轳体》。◆辘轳体诗是一种衔头接尾格的诗,可

知识

商务装搭配怎么写

阅读(207)

本文主要为您介绍商务装搭配怎么写,内容包括商务装该怎么搭配才好看呢,女性商务装如何搭配,商务装怎么搭配和穿着才能不呆板啊。西服上衣:上衣有领有袖。如果是非常庄重的场合,建议参照男士着装标准。一般西服里面配白色衬衣,衬衣下摆应掖进西

知识

下达任务函怎么写

阅读(253)

本文主要为您介绍下达任务函怎么写,内容包括向工厂下达生产任务通知单,这通知单要怎么写,如何下达任务,协助函怎么写。完成上级领导下达的任务,要做到以下几点:听到任务,一定要在领导面前进行任务的确认,确保对任务理解的正确度和准确性,这里还

知识

word文本框代码怎么写

阅读(233)

本文主要为您介绍word文本框代码怎么写,内容包括word里,怎么在文本框里加入一个对号,Word里怎么在框框里面填数字,如何在word文本框边线上写字。那个叫复选框通过使用word宏+域代码的方式解决了问题。 解决方法: 在“工具”菜单选定“宏”,在

知识

连接a标签怎么写隐藏域

阅读(217)

本文主要为您介绍连接a标签怎么写隐藏域,内容包括分页时的a标签怎么能做到隐藏参数,a标签怎么隐藏传递的参数,a标签控制层的显示和隐藏怎么。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML>

知识

vb注册控件代码怎么写

阅读(296)

本文主要为您介绍vb注册控件代码怎么写,内容包括怎样用VB代码注册控件,怎样用VB代码注册控件,vb中如何通过代码创建控件。Option ExplicitPrivate WithEvents NewButton As CommandButton通过使用With

知识

flash如何链接到dw网页代码怎么写

阅读(213)

本文主要为您介绍flash如何链接到dw网页代码怎么写,内容包括flash如何连接到dw做的html网页我flash用的是AS1.0,DW中flash怎么加超链接到其他网页,dw如何让flash链接到下一网页。1.点击窗口-->公用库-->按钮,选一个按钮拖动到舞台上; 2.鼠标

知识

dreamweaver跳转代码怎么写

阅读(206)

本文主要为您介绍dreamweaver跳转代码怎么写,内容包括网页内部跳转代码怎么写,dw跳转到另一个网页的特定位置的代码怎么写,dreamweaver怎么做页内跳转。a,是anchor(锚)的第一个字母,就是链接啦!a 标签 -- 代表HTML链接* a标签是成对出现的,以<a&g

知识

安卓设置页面代码怎么写

阅读(205)

本文主要为您介绍安卓设置页面代码怎么写,内容包括安卓开发时怎么设置同一个页面不同的图标,下面附上代码,Android平台下跳转页面的代码怎么写,Android平台下跳转页面的代码怎么写。Intent i = new Intent("android.settings.APPLICATION_DE

知识

div怎么用css写角

阅读(198)

本文主要为您介绍div怎么用css写角,内容包括用DIV+CSS写圆角代码怎么写详细点谢谢,如何用div+css做圆角,用DIV+CSS写圆角代码怎么写详细点谢谢。HTML代码 <html> <head> <title>3D圆角</title> <style type=text/css> .rais

知识

div每行4个代码怎么写

阅读(211)

本文主要为您介绍div每行4个代码怎么写,内容包括css控制图片每行显4个怎么写,图片上面有4个的标题字用CSS+DIV怎么和下面的4张图片对齐,DIV+CSS中图片居中,文字环绕图片的四周显示的代码怎么写。首先修改css代码:---css----liStyle{width:70

[/e:loop]