jquery给div的innerHTML赋值 $("#id").html()="test"; //或者 $("#id").html("test"); jquery 获取<a>的链接内容$().innerHTML jquery 给span 赋值$(#hiddenNote).text(‘getSpanValues);span取值$(#hiddenNote).text(); jquery 给标签button<button>编辑</button>赋值$(#updateBtn).text("保存"); radio取值$("input[name=radioName][checked]").val(); radio赋值$("input[name=radioName][value=2]").attr("checked",true);效果...
代码如下,实现了点击input显示一个div层,当点击除input和div以外的地方的时候,隐藏div的功能。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>点击其它地方关闭DIV</title> </head><body> <input type="text" value="" id="tf"/> <div style="width:400px; height:200px;border:1px solid #000;display:none" id="con"><p>1111</p><p><span>2222</span></p><p><a href="#">3333</a></p> </div> <script>funct...
1. 如果在载入是隐藏:<head> <script language="javascript"> function HideWeekMonth() { $("#tt1").hide(); $("#tt2").hide(); } </script> </head> <body onLoad="HideWeekMonth()"> </body> 2. 动态隐藏和显示:<td> <!-- 能用 <input id="btnShow" type="button" value="<?php echo $ini_array[module.insert];?>" class="btn" /> <input id="btnHide" type="button" value="<?php echo $ini_array[module.insert];?>" class...
随机色有两种格式: 效果预览:http://wjf444128852.github.io/DEMOLIST/JS/test/index.html 1、rgb(xxx,xxx,xxx) 2、#xxxxxx 下面实现两种随机的方法 思路:如何让x都是随机的, 1、中的xxx是0-255之间的随机整数,用Math.random()*255取得0-255之间的随机数, 再Math.floor()保留小数点前面的 2、中的x是0123456789abxdef中的随机6个的组合, 这里可以用数组或者字符串处理,这里采用数组,只要从数组里取6次,每次取得数...
本文实例讲述了JS简单实现DIV相对于浏览器固定位置不变的方法。分享给大家供大家参考,具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <html> <head> <title>Anchor Properties</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta content="noindex, nofollow" name="robots"> <script> function Totop(){window.scrollTo(0,0); } function bottom(){//scrollHeig...
本文实例讲述了JS实用技巧。分享给大家供大家参考,具体如下: js屏蔽错误 把下面的代码放在JS脚本中 <script type="text/javascript"> window.onerror = function(){alert("出现脚本错误");return true; } alert(b); </script>注意:定义onerror事件应该在出错之前,否则任然会出现脚本错误 如何防止设置DIV出现滚动条? style="overflow-x: hidden; overflow-y: auto;"通过JS控制页面的样式也可以利用数组的形式表现 function in...
本文实例讲述了jQuery基于toggle实现click触发DIV的显示与隐藏。分享给大家供大家参考,具体如下: 研究了一下toggle之click触发DIV的显示与隐藏,现在把代码发上来。 HTML代码: <input type="button" id="btn" title="Click me 你会看到效果" value="点击此处" /> <div id="content" style="padding:10px; margin-top:5px; border:1px dotted #BBB;"> <p>每次点击时切换要调用的函数。<br />如果点击了一个匹配的元素,则触发指定...
本文实例讲述了jQuery控制div实现随滚动条滚动效果的方法。分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery div随滚动条滚动效果</title> <script src="../js/jquery-1.11.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () {$(window).scroll(function () {var top = $(window).scrollTop() + 200;var left = $(window).scrollLef...
今天在做一个抽奖活动时小编要做一个抽奖没有中奖之后直接弹出一个提示,然后再给div添加一个事件了,下面我们来看这个例子的做法。 html <a href="javascript:void(0);" id="click_ms" > <img src="img/bbg_08.jpg" border="0" > </a> jquery事件$(#click_ms).click(function(){//alert(1);$.post("ajax.php", {"time":<?=$starttime?>}, function(data) {if ( data == 1 ) { tusi(恭喜你获得电影票1张!); } else if( data ...
本文实例讲述了js实现div模拟模态对话框展现URL内容。分享给大家供大家参考,具体如下: <script> function sAlert(str){var msgw,msgh,bordercolor;msgw=800;//提示窗口的宽度msgh=600;//提示窗口的高度titleheight=25 //提示窗口标题高度bordercolor="#336699";//提示窗口的边框颜色titlecolor="#99CCFF";//提示窗口的标题颜色var sWidth,sHeight;sWidth=document.body.offsetWidth;sHeight=screen.height;var bgObj=document.cr...
jquery div模态窗口的简单实例 <!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><title>test</title><script src="../../js/lib/jquery.js"></script><style type="text/css">.pop-box { /*弹出窗口后,弹出的DIV采用此CSS,保证置于最上层z-index控制Z轴的坐标,数值越大,离用户越近*/ z-inde...
jQuery 里和滚动条有关的概念很多,但是有三个属性和滚动条的拖动有关,就是:scrollTop、scrollLeft、scrollHeight。其中 scrollHeight 属性,互联网上几乎搜素不到关于它的应用技巧,而我正好需要用到它。 我们现在只探讨和垂直滚动有关的 scrollTop、scrollHeight 属性。 一、滚动条有关属性的正确理解: 假设有以下Html代码: <div id="div1" style="overflow-y:auto; overflow-x:hidden; height:500px;"><div style="height:7...
记得以前写这样的代码比较麻烦,现在有了JQuery简单多了,就几行代码搞定!<script type="text/javascript" src="Js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function() { $(window).scroll(function() { var top = $(window).scrollTop()+200; var left= $(window).scrollLeft()+320; $("#editInfo").css({ left:left + "px", top: top + "px" }); }); }); </script> <div id="editInfo" style="float...
本文实例讲述了JavaScript实现弹出DIV层同时页面背景渐变成半透明效果。分享给大家供大家参考,具体如下: <!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> <title>JavaScript弹出DIV层,页面背景渐变成半透明</title> <style> html,body{font-size:12px;margin:0px;height:100%;} .mesWindow{b...
本文实例讲述了JS+CSS实现鼠标经过弹出一个DIV框效果。分享给大家供大家参考,具体如下: <!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>js+CSS实现表格渐变</title> <style> #tip{ position:absolute; left:9...