简单js代码

最新推荐文章于 2025-01-20 12:16:56 发布
转载 最新推荐文章于 2025-01-20 12:16:56 发布 · 448 阅读 · 0
文章标签：

#function #border #ie

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> </title>
<meta name="description" content=" ">
<meta name="keywords" content=" ">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<style type="text/css">
*{padding:0;margin:0;}
.nav{width:850px;margin:50px auto;position:relative;}
.nav li{display:inline;margin-right:50px;}
.nav ol{background-color:#f5f5f5;border:1px solid #ccc;display:none;padding:15px;}
.nav ol li{display:block;margin-bottom:15px;}
</style>
<script type="text/javascript">

var next=function (el) {
    do {
        el = el.nextSibling;
    } while ( el && el.nodeType != 1 );
    return el;
}
var showContent=function (el) {
    var _next=next(el);
    _next.style.display="block";
    _next.style.position="absolute";
    _next.style.zIndex="999";
    _next.style.top=el.offsetHeight+el.offsetTop+"px";
    _next.style.left=el.offsetLeft+"px";
    _next.onmouseout=function (){
          this.style.display="none";
    }
     _next.onmouseover=_next.onmousemove=function (){
          this.style.display="block";
    }
}
var hideContent=function (el) {
    el.style.display="none";
}

</script>
</head>
<body>
<!--页眉开始-->
<div class="nav">
    <ul>
        <li> 
                <a  href="###" onmouseover="showContent(this);"  onmouseout="hideContent(next(this));" >首页</a>
                <ol>
                    <li><a href="###">首页1</a></li>
                    <li><a href="###">首页2</a></li>
                    <li><a href="###">首页3</a></li>
                    <li><a href="###">首页4</a></li>
                    <li><a href="###">首页4</a></li>
                </ol>
        </li>
        <li>
                <a  href="###" onmouseover="showContent(this);"  onmouseout="hideContent(next(this));" >电影</a>
                <ol>
                    <li><a href="###">电影1</a></li>
                    <li><a href="###">电影2</a></li>
                    <li><a href="###">电影3</a></li>
                    <li><a href="###">电影4</a></li>
                    <li><a href="###">电影4</a></li>
                </ol>
        </li>
        <li><a href="###">新闻</a></li>
        <li><a href="###">新片</a></li>
        <li><a href="###">排行榜</a></li>
    </ul>
</div>
dcxsssssssss
<!--页眉结束-->
</body>
</html>
70种简单好用的js代码
weixin_34278190的博客
05-16 702
70种简单常用的JS代码 1、后退 前进    &lt;input type="button" value="后退" onClick="history.go(-1)"&gt;    &lt;input type="button" value="前进" onClick="history.go( 1 );return true;"&gt;   
70种简单常用的JS代码
apple13844010408的专栏
01-04 1757
1、后退 前进            2、返回        3、查看源码        4、禁止查看源码        5、刷新按钮一        function ReloadButton(){location.href="i001.htm";}    刷新按钮二        6、回首页按钮        function HomeButton(){location.href=
一个简单的js例子
11-12
一个简单的java例子，没什么参考价值，建议不下载
一个简单的层循环的js代码
威尔软件
07-24 212
因为需要做一个图片轮询的功能，于是写了个层的轮询，代码很简单。 &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;&lt;HTML&gt;&lt;HEAD&gt;&lt;TITLE&gt; Div Loop&lt;/TITLE&gt;&lt;/HEAD&gt; &lt;BODY&gt;
简单的js代码..
blue7wings的专栏
11-01 1334
从今天开始0基础学习javascript,有点html和php基础,我想学习这个不会太难的,我也不视频学习了,太浪费时间,是时候自己咀嚼点东西了,哈哈. javascipt.html window.onload=initAll; function initAll(){ document.getElementById("Lincoln").onclick=saySomething; docu
一个简单的JS
Tian_930的专栏
11-23 2876
        其实有时候感觉Java很简单,但有时候感觉很难!现在感觉开发JAVA最重要的是要学会运用别人的东西,把他变成自己的!想做为一个很牛的JAVA工程师最主要的就是学好JS+JAVA基础+数据库, 我最佩服的就是数据库人员.         我认为想学好开发一门语言一定要练习例子,不能每天就知道看书 ,书上的代码放到开发工具里面可能会有很多问题,只有自己慢慢调适慢慢了解才能领悟!要是
E9流程常用简单JS代码应用-客户培训.pptx
08-21
E9流程常用简单JS代码应用-客户培训
js代码-一些简单的js代码示例
07-15
此压缩包"js代码-一些简单的js代码示例"包含两个文件：`main.js`和`README.txt`，显然是为了演示或教学目的。下面将详细介绍JS的一些核心概念和常见用法。 1. 变量与数据类型： JavaScript是动态类型语言，变量...
毯子：blank.js是一个简单JavaScript代码覆盖库。 专为浏览器和nodejs易于安装和使用而设计
02-21
无缝JavaScript代码覆盖库。 仅供参考：请注意，此回购协议未得到积极维护 如果您正在寻找一个更活跃JavaScript代码项目，建议使用 。 提供更新和新闻。 注意：必须将所有请求请求放入master分支。 注意：如果...
JavaScript源代码的简单实时代码编辑器.zip
06-29
JavaScript源代码的简单实时代码编辑器是一个用于编程教学、演示或快速原型开发的工具，它允许用户在浏览器中即时编辑并查看代码效果。这个压缩包包含了一个基于JavaScript实现的轻量级代码编辑器项目，其核心特点...
20个简洁的 JS 代码片段
最新发布
2501_90325913的博客
01-20 701
你可以使用看涨合并，而不是使用if-else构造来检查值是否为空。你可以使用includes()方法，而不是使用indexOf()方法来检查元素是否在数组中。在JavaScript中，你可以使用解构从数组中拆分值。1)、newSet(numbers)从数字列表中创建一个集合。在未定义属性时使用可选链运算符，undefined将返回而不是错误。这可以防止你的代码崩溃。但是你知道你也可以使用~~运算符吗？在JavaScript中，你可以使用!你知道你也可以使用**运算符吗？
简单的倒计时JS实现代码
04-24
简单的倒计时JS实现代码简单的倒计时JS实现代码简单的倒计时JS实现代码简单的倒计时JS实现代码
两个简单实用的js代码
logobitch的博客
09-04 362
网页标题 /* 屏幕随机出现小星星，点击可以取消星星 位置随机，大小随机 */ var i=0; var j=0; var imgObj; var timer; function play(){ //开启函数 timer = window.setInterval(start2,500); document.body.style.backgroundColor="#000"; } fun
很简单但特别有效的js代码段
柚的个人技术博客
05-12 456
在输入登录框的时候，经常会用到一个特效,若原来的输入框有值，那么点击的时候原来输入框中的值会消失，提高用户体验度。 这是代码段：
js精简代码
qq_39704803的博客
12-06 477
三元运算符 （）？ ： (d.isUseful)? ((d.isUseful.code==1)?"正常":"停用"):""  
JS代码简洁之道
纸上得来终觉浅，绝知此事要躬行
07-26 2380
因为很久没有关注JS代码了，正巧看到表弟写的JS感觉挺好的，所以拿来与大家探讨一下（代码量很少而且可读性强）。 1.JSP代码 <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServer
7个精简的Js代码
weixin_45158258的博客
09-19 409
【代码】7个精简的Js代码。
j-script一个简单的添加删除表格代码
weixin_43341760的博客
07-03 234
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> #sss{ margin: 0 auto; border: 5px solid #7FFFD4; width: 30...
八种简单常用的JS代码
chinie0957的博客
04-04 565
1、后退前进 <inputtype="button"value="后退"onClick="history.go(-1)"> <inputtype="button"value="前进"onClick="history.go(1);returntrue...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值