模拟鼠标点击

更新时间：2016年9月20日 19:06 点击：2053

<body>
<script language="JScript">
   onload=function(){
var evt=Evt(205,205,'onclick');
   }
///////////////////////////////////////////////////////////
   function Evt(x,y,type){
   var evt = document.createEventObject();
    evt.x=x;
    evt.y=y;
    document.fireEvent(type,evt);
    return evt;
   }
    document.onclick=function(){
  var rng = document.body.createTextRange();
  rng.moveToPoint(event.x, event.y);
  rng.expand("word");
  rng.select();
    }
</script>
<div   >
<div style="position:absolute;left:200;top:200;" >div</div>
</div>
fffffffffff
</body>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>日期和时间选择器</title>
<script language="javascript" src=""></script>
</head>
<body>
<pre>
/*/////////////////////////////////////////////////////////////////
函数说明：风声日期和时间选择器，整个功能只有一个函数调用极其方便
功能说明：年份根据输入（当前）日期前后5年自动选择，1000--9000年设定
作　　者：风声
电子邮件：rumor@17560.net
函数原型：
function selectTime(thisIdName[,mode])
参数说明：
thisIdName：接受返回值的对象ID名称
mode：  返回值类型
  0：默认值，返回yyyy-mm-dd hh-mm-ss
  1：返回yyyy-mm-dd
  2：返回hh-mm-ss
  3：返回mm-dd
  4：返回hh-mm
  5：返回yyyy-mm-dd hh-mm
修正时间：2005-11-29
时　　间：2004-5-26
////////////////////////////////////////////////////////////////*/
</pre>
<input type="text" value="2003-3-12 12:12:12" name="aa">
<br>
<input type="button" value="选择mode=0" onclick="selectTime('aa',0)">
<input name="button" type="button" onclick="selectTime('aa',1)" value="选择mode=1">
<input name="button2" type="button" onclick="selectTime('aa',2)" value="选择mode=2">
<input name="button3" type="button" onclick="selectTime('aa',3)" value="选择mode=3">
<input name="button4" type="button" onclick="selectTime('aa',4)" value="选择mode=4">
<input name="button42" type="button" onclick="selectTime('aa',5)" value="选择mode=5">
</body>
</html>

js代码:
/*/////////////////////////////////////////////////////////////////
函数说明：风声日期和时间选择器，整个功能只有一个函数调用极其方便
作　　者：风声
电子邮件：rumor@17560.net
函数原型：
function selectTime(thisIdName[,mode])
参数说明：
thisIdName：接受返回值的对象ID名称
mode：  返回值类型
  0：默认值，返回yyyy-mm-dd hh-mm-ss
  1：返回yyyy-mm-dd
  2：返回hh-mm-ss
  3：返回mm-dd
  4：返回hh-mm
  5：返回yyyy-mm-dd hh-mm
修正时间：2005-11-29
时　　间：2004-5-26
////////////////////////////////////////////////////////////////*/
function timeFormat(i){return((i<10)?"0"+i.toString():i.toString());}
function selectTime(thisName){
var argv=selectTime.arguments;
var argc=selectTime.arguments.length;
var mode=(argc>1)?argv[1]:0;
try{
var strTime=document.getElementById(thisName).value;
strTime=strTime.replace(/[-:]/g," ");
}catch(e){
return false;
}
var dateNow = new Date();
var intYear = dateNow.getYear();
var intMonth = dateNow.getMonth();
var intDate = dateNow.getDate();
var intHour = dateNow.getHours();
var intMinute = dateNow.getMinutes();
var intSecond = dateNow.getSeconds();
switch(mode){
case 0:break;
case 1:break;
case 2:strTime=intYear+" "+(intMonth+1)+" "+intDay+" "+strTime;break;
case 3:strTime=intYear+" "+strTime;break;
case 4:strTime=intYear+" "+(intMonth+1)+" "+intDay+" "+strTime;break;
case 5:break;
}
var arrTime=strTime.split(" ");
var i=0;
//----年
if(!isNaN(arrTime[0])){
i=parseInt(arrTime[0],10);

if(i>1000&&i<9000)intYear=i;
}
//----月
if(!isNaN(arrTime[1])){
i=parseInt(arrTime[1],10);
if(i>0&&i<13)intMonth=i-1;
}
//----日历开始
var dateFirst=new Date(intYear,intMonth,1);
var intDay=dateFirst.getDay();
//----日历结束
var arrDays=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
arrDays[1]+=!(intYear%4);
var intDays=arrDays[intMonth];
//----日
if(!isNaN(arrTime[2])){
i=parseInt(arrTime[2],10);
if(i>0&&i<=intDays)intDate=i;
}
//----时
if(!isNaN(arrTime[3])){
i=parseInt(arrTime[3],10);
if(i>=0&&i<24)intHour=i;
}
//----分
if(!isNaN(arrTime[4])){
i=parseInt(arrTime[4],10);
if(i>=0&&i<60)intMinute=i;
}
//----秒
if(!isNaN(arrTime[5])){
i=parseInt(arrTime[5],10);
if(i>=0&&i<60)intSecond=i;
}
var myWindow = window.open("","selectTime","height=304,width=404");
var arrMonth=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
var strHTML="";
strHTML+="<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312">";
strHTML+="<title>选择日期和时间</title><style type="text/css"></style>";
strHTML+="<script language="JavaScript">";
//----函数
strHTML+="var day="+intDate+";";
strHTML+="var strTemp="",intTemp=0;";
strHTML+="function onTimeKeyUp(obj,num,maxnum,next){";
strHTML+="var strTemp=obj.value;";
strHTML+="if(isNaN(strTemp))obj.value=strTemp.substring(0,strTemp.length-1);";
strHTML+="else{var intTemp=parseInt(strTemp,10);";
strHTML+="if(intTemp>maxnum)obj.value=strTemp.substring(0,strTemp.length-1);";
strHTML+="else if(intTemp>num){next.focus();}";
strHTML+="}}";
strHTML+="function setCalendar(intYear,intMonth,intDate){";
strHTML+="var dateFirst=new Date(intYear,intMonth,1);";
strHTML+="var intDay=dateFirst.getDay();";
strHTML+="var arrDays=new Array(31,28,31,30,31,30,31,31,30,31,30,31);";
strHTML+="arrDays[1]+=!(intYear%4);";
strHTML+="var intDays=arrDays[intMonth],str="";";
strHTML+="if(intDate>intDays)intDate=intDays;";
strHTML+="intDay--;";
strHTML+="for(var i=0;i<42;i++){";
strHTML+="if(i<=intDay)date[i].innerHTML="";";
strHTML+="else if(i<=intDays+intDay){str=i-intDay;if(str<10)str=" "+str;";
strHTML+="if(i-intDay==intDate){strTemp=str;";
strHTML+="str="<font color='#FFFFFF' style='background:#0A246A'>"+str+"</font>";";
strHTML+="intTemp=i;day=intDate;}";
strHTML+="date[i].innerHTML=str;}";
strHTML+="else date[i].innerHTML="";";
strHTML+="}}";
strHTML+="function setNewDate(num){"
strHTML+="var str=date[num].innerHTML;";
strHTML+="var i=str.length;";
strHTML+="if(i>1&&i<8){";
strHTML+="date[intTemp].innerHTML=strTemp;intTemp=num;strTemp=str;";
strHTML+="date[num].innerHTML="<font color='#FFFFFF' style='background:#0A246A'>"+strTemp+"</font>";";
strHTML+="if(i>2)str=str.substr(i-1);day=parseInt(str,10);}}";
strHTML+="function isOk(){";
switch(mode){
case 0:strHTML+="window.opener.document.getElementById(""+thisName+"").value=year.value+"-"+(parseInt(month.value,10)+1)+"-"+day+" "+hour.value+":"+minute.value+":"+second.value;";break;
case 1:strHTML+="window.opener.document.getElementById(""+thisName+"").value=year.value+"-"+(parseInt(month.value,10)+1)+"-"+day;";break;
case 2:strHTML+="window.opener.document.getElementById(""+thisName+"").value=hour.value+":"+minute.value+":"+second.value;";break;
case 3:strHTML+="window.opener.document.getElementById(""+thisName+"").value=(parseInt(month.value,10)+1)+"-"+day;";break;
case 4:strHTML+="window.opener.document.getElementById(""+thisName+"").value=hour.value+":"+minute.value;";break;
case 5:strHTML+="window.opener.document.getElementById(""+thisName+"").value=year.value+"-"+(parseInt(month.value,10)+1)+"-"+day+" "+hour.value+":"+minute.value;";break;
}
strHTML+="window.close();}";
strHTML+="function timeFormat(i){return((i<10)?'0'+i.toString():i.toString());}";
strHTML+="function timeAdd(obj0){var i=parseInt(obj.value,10);obj.value=timeFormat((i<intMax)?i+1:0);obj.select();obj0.focus();}";
strHTML+="function timeRid(obj0){var i=parseInt(obj.value,10);obj.value=timeFormat((i>0)?i-1:intMax);obj.select();obj0.focus();}";
strHTML+="</script>";
strHTML+="</head>";
strHTML+="<body bgcolor="#D4CFC9" style="border:0;margin:5" oncontextmenu="return(false)">";
strHTML+="<table width="394" border="0" align="center" cellpadding="0" cellspacing="0">";
strHTML+="<tr>";
strHTML+="<td height="24" align="center" style="border-left:1px solid #FFFCF5;border-top:1px solid #FFFCF5">日期和时间</td>";
strHTML+="<td colspan="2" style="border-left:2px solid #423E3B;border-bottom:1px solid #FFFCF5"> </td>";
strHTML+="</tr><tr> ";
strHTML+="<td height="200" colspan="2" align="center" style="border-left:1px solid #FFFCF5;margin:5px;">";
strHTML+="<fieldset style="width:190;height:190"><legend>日期(D)</legend>";
strHTML+="<select name="month" id="month" style="width:82" onChange="setCalendar(year.value,month.value,day)">";
//----月
for(i=0;i<12;i++){
strHTML+="<option value=""+i+""";
if(i==intMonth)strHTML+=" selected";
strHTML+=">"+arrMonth[i]+"</option>";
}
strHTML+="</select> ";
strHTML+="<select name="year" id="year" style="width:82" onChange="setCalendar(year.value,month.value,day)">";
//----年
for(i=intYear-5;i<intYear+5;i++){
strHTML+="<option value=""+i+""";
if(i==intYear)strHTML+=" selected";
strHTML+=">"+i+"年</option>";
}
strHTML+="</select>";
strHTML+="<div class="f8"> </div>";
strHTML+="<table width="168" height="133" border="0" cellpadding="2" cellspacing="0" class="boxIn" style="cursor:default">";
strHTML+="<tr align="center" bgcolor="#999999">";
strHTML+="<td width=24 height=19>日</td><td width=24>一</td><td width=24>二</td><td width=24>三</td><td width=24>四</td><td width=24>五</td><td width=24>六</td>";
//----日
for(i=0;i<42;i++){
if(i%7==0)strHTML+="</tr><tr align="center">";
strHTML+="<td id="date" height=19 onclick="setNewDate("+i+")"> </td>";
}
strHTML+="</tr></table></fieldset></td>";
strHTML+="<td align="center" style="border-right:2px solid #423E3B;margin:5px;">";
strHTML+="<fieldset style="width:170;height:190"><legend>时间(T)</legend>";
strHTML+="<div style="height:142"> </div>";
strHTML+="<table width="150" border="0" cellspacing="2" cellpadding="0"><tr>";
strHTML+="<td width="125" align="right" class="boxIn">";
//----时
strHTML+="<input name="hour" type="text" class="myinput" id="hour" onBlur="if(this.value=='')this.value='00';" onFocus="this.select();obj=this;intMax=23" value=""+timeFormat(intHour)+"" maxlength="2" onkeyup="onTimeKeyUp(this,2,23,minute)">:";
//----分
strHTML+="<input name="minute" type="text" class="myinput" id="minute" onBlur="if(this.value=='')this.value='00';" onFocus="this.select();obj=this;intMax=59" value=""+timeFormat(intMinute)+"" maxlength="2" onkeyup="onTimeKeyUp(this,5,59,second)">:";
//----秒
strHTML+="<input name="second" type="text" class="myinput" id="second" onBlur="if(this.value=='')this.value='00';" onFocus="this.select();obj=this;intMax=59" value=""+timeFormat(intSecond)+"" maxlength="2" onkeyup="onTimeKeyUp(this,59,59,null)">";
strHTML+="</td>";
strHTML+="<td width="25"><input name="Submit" type="button" class="myButton" value="◆" onClick="timeAdd(this)">";
strHTML+="<input name="Submit4" type="button" class="myButton" value="◆" onClick="timeRid(this)"></td>";
strHTML+="</tr></table></fieldset></td>";
strHTML+="</tr><tr> ";
strHTML+="<td height="40" colspan="3" style="border-left:1px solid #FFFCF5;border-right:2px solid #423E3B;border-bottom:2px solid #423E3B;margin:5px;">";
strHTML+="　Rumor Date And Time Selector<br><br>";
strHTML+="</td></tr><tr>";
strHTML+="<td width="80" height="8"></td>";
strHTML+="<td width="127" align="right"></td>";
strHTML+="<td width="187" align="right"></td>";
strHTML+="</tr><tr><td> </td>";
strHTML+="<td colspan="2" align="right">";
strHTML+="<input type="button" name="Submit1" value="　确定　" onclick="isOk()"> ";
strHTML+="<input type="button" name="Submit2" value="　取消　" onclick="window.close()"> ";
strHTML+="<input type="button" name="Submit3" value="　应用　" disabled></td>";
strHTML+="</tr></table></body></html>";
strHTML+="<script language="javascript">var obj=document.getElementById("hour"),intMax=23;";
strHTML+="setCalendar("+intYear+","+intMonth+","+intDate+");</script>";
myWindow.document.write(strHTML);
myWindow.document.close();
}

脚本源代码：
<body>
<style>
body {background-color:#999999}
#all {width:100px; height:200px; background-color:#FFFFFF; overflow:hidden; }
#left {width:100px; background-color:#F90FF1; float:left; height:200px}
#left li {cursor:hand; font:bold 12px "Arial Black"; list-style:circle; margin-left:-10px; color:#FFFFFF}
#right {width:100px; background-color:#FFFF00; float:left; height:200px; cursor:hand;font:bold 15px "Arial Black"; color: #333333}
</style>
<script language="javascript">
function $(id) {return document.getElementById(id)}
function left(id) {
var alla= $("alla");
var right= $("right");
var alla_left=parseInt(alla.style.marginLeft);
   if (alla_left==0) {
      if (id==1) {right.innerHTML="#5AE9FA";;right.style.backgroundColor="#5AE9FA"}
      else if (id==2) {right.innerHTML="#ADFA5A";right.style.backgroundColor="#ADFA5A"}
      else if (id==3) {right.innerHTML="#F9A40F";;right.style.backgroundColor="#F9A40F"}
      left_decrease()
   }
   if (alla_left==-100) {right_decrease()}
}
function left_decrease() {
var alla= $("alla");
var alla_left=parseInt(alla.style.marginLeft);
if (alla_left==-100) {clearTimeout(time)}
else {
alla.style.marginLeft=alla_left-1;
time= setTimeout("left_decrease()",1)
}
}
function right_decrease() {
var alla= document.getElementById("alla");
var alla_left=parseInt(alla.style.marginLeft);
if (alla_left==0) {clearTimeout(time)}
else {
alla.style.marginLeft=alla_left+1;
time= setTimeout("right_decrease()",1)}
}
</script>
<div id="all">
<div id="alla" style="margin-left:0px; width:200px">
     <div id="left">
     <ul>
     <li onclick="left(1)" style="color:#5AE9FA">color1</li>
     <li onclick="left(2)" style="color:#ADFA5A">color2</li>
     <li onclick="left(3)" style="color:#F9A40F">color3</li>
  </ul>
</div>
     <div id="right" onclick="left()"></div>
</div>
</div>
</body>

常有网友提问，如何让网页中嵌入的Flash标签也符合web标准。目前还没有一个完美的解决办法，这篇文章中，我们将Flash嵌入标签写入js文件中，通过变量传递参数的办法来回避不符合标准的标签。

　　请注意，这只是一个变通的方法，换汤不换药，并未能最终解决存在的问题，通过验证只是一种表象，这样的思路是不是可取，在实际操作中请大家自行斟酌。

　　首先建立一个JS文件flash.js。写入如下代码：

function swf(file,w,h) {
    document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="'+w+'" height="'+h+'"> ');
    document.write('<param name="movie" value="' + file + '">');
    document.write('<param name="quality" value="high"> ');
    document.write('<param name="wmode" value="transparent"> ');
    document.write('<param name="menu" value="false"> ');

document.write('<embed src="' + file + '" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="'+w+'" height="'+h+'"></embed> ');
document.write('</object> ');
}

　　上面的js脚本定义了一个函数swf，并设置三个变量，它们分别是：flile文件链接，w宽度，h高度。在XHTML中向这个函数传递变量即可实现flash的嵌入。如下代码：

<div id="flash">
<script type="text/javascript" language="javascript">swf('designyesky.swf','500','220');</script>
</div>

　　建立id为flash的div作为一容器，在其内部嵌入js脚本，变量依次为：文件路径、宽度、高度。

　　看下面的全部代码：

<!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=gb2312" />
<title>符合web标准的嵌入Flash的方法</title>
<script type="text/javascript" language="javascript" src="flash.js"></script>
<style type="text/css">
#flash { width:500px; margin:50px auto; border:5px solid #03c;}
</style>
</head>
<body>
<div id="flash">
<script type="text/javascript" language="javascript">swf(designyesky.swf','500','220');</script>
</div>
</body>
</html>

第一 Iframe 代码：<iframe src="class.html" scrolling="no" frameborder="0" id="classpage" style="height:expression(1); aho:expression(autoResize())" ></iframe>

第二被嵌入的页面的body标签： <body onload=parent.document.all.classpage.height=document.body.scrollHeight>

第三 Iframe 的使用页里增加 js 控制代码

function autoResize()
{
try
{
document.all["classpage"].style.height=classpage.document.body.scrollHeight
}
catch(e){}
}

[!--infotagslink--]

上一篇: 日期与时间选择器

下一篇: 可选择背景色的广告牌效果

写得不错的jquery table鼠标经过变色代码
代码如下:$('#<%=AllEvent.ClientID%> tr:not(:has("th"))').hover(function () { $bg = $(this).css('background-color'); $(this).css('background-...2013-10-03
Android模拟器上模拟来电和短信配置
如果我们的项目需要做来电及短信的功能，那么我们就得在Android模拟器开发这些功能，本来就来告诉我们如何在Android模拟器上模拟来电及来短信的功能。在Android模拟...2016-09-20
夜神android模拟器设置代理的方法
夜神android模拟器如何设置代理呢？对于这个问题其实操作起来是非常的简单，下面小编来为各位详细介绍夜神android模拟器设置代理的方法，希望例子能够帮助到各位。 app...2016-09-20
鼠标划过实现延迟加载并隐藏层的js代码
鼠标划过实现延迟加载并隐藏层的js代码...2013-10-13
PHP函数分享之curl方式取得数据、模拟登陆、POST数据
废话不多说直接上代码复制代码代码如下:/********************** curl 系列 ***********************///直接通过curl方式取得数据(包含POST、HEADER等)/* * $url: 如果非数组，则为http;如是数组，则为https * $header:...2014-06-07
C#模拟http 发送post或get请求的简单实例
下面小编就为大家带来一篇C#模拟http 发送post或get请求的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2020-06-25
C#模拟window操作鼠标的方法
这篇文章主要介绍了C#模拟window操作鼠标的方法,可实现模拟鼠标移动到固定位置后点击右键的功能,涉及鼠标常用事件的操作技巧,需要的朋友可以参考下...2020-06-25
用Intel HAXM给Android模拟器Emulator加速
Android 模拟器 Emulator 速度真心不给力，，现在我们来介绍使用 Intel HAXM 技术为 Android 模拟器加速，使模拟器运行度与真机比肩。周末试玩了一下在Eclipse中使...2016-09-20
基于JavaScript获取鼠标位置的各种方法
这篇文章主要介绍了基于JavaScript获取鼠标位置的各种方法 ,需要的朋友可以参考下...2015-12-18
C#获取鼠标在listview右键点击单元格的内容方法
下面小编就为大家带来一篇C#获取鼠标在listview右键点击单元格的内容方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2020-06-25
C# 模拟浏览器并自动操作的实例代码
这篇文章主要介绍了C# 模拟浏览器并自动操作的实例代码，文中讲解非常细致，帮助大家更好的理解和学习，感兴趣的朋友可以了解下...2020-11-03
Photoshop鼠标绘制一颗一星龙珠教程
今天小编在这里就来给Photoshop的这一款软件的使用者们来说下用鼠标绘制一颗一星龙珠的教程，各位想知道具体绘制方法的使用者们，那么下面就快来跟着小编一起看一看吧。...2016-09-14
Android开发时在模拟器之间短信的收发详解教程
本教程的主要内容是运行两个Android模拟器，然后在这两个模拟器如何实现互相收发短信的功能，这个功能可以说是非常实现的，可以应用app短信实例中。本文通过运行两个A...2016-09-20
unity 如何判断鼠标是否在哪个UI上(两种方法)
这篇文章主要介绍了unity 判断鼠标是否在哪个UI上的两种实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-10
C#简单获取全屏中鼠标焦点位置坐标的方法示例
这篇文章主要介绍了C#简单获取全屏中鼠标焦点位置坐标的方法,涉及C#针对鼠标位置Position属性的简单操作技巧,需要的朋友可以参考下...2020-06-25
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
多网站的需要填写的文本框在默认状态下都会给出一个默认的提示语言，当鼠标点击此文本框的时候能够将里面的默认文本清除，当删除输入的文本且焦点离开文本框的时候再将默认的文本写入文本框...2016-01-14
JS实现鼠标按下拖拽效果
这篇文章主要为大家详细介绍了JS实现鼠标按下拖拽效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-07-24
JavaScript鼠标悬停事件用法解析
这篇文章主要介绍了JavaScript鼠标悬停事件用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-05-15
JS实现网页游戏中滑块响应鼠标点击移动效果
本文实例讲述了JS实现网页游戏中滑块响应鼠标点击移动效果。分享给大家供大家参考，具体如下：这是网页游戏中的一个有趣效果，可以完成以下几个动作：滚动、scroll 8个方向、鼠标坐标获娶对象上下左右位置获取，大家可以自己添...2015-10-21
unity3D实现三维物体跟随鼠标
这篇文章主要为大家详细介绍了unity3D实现三维物体跟随鼠标，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-06-25

模拟鼠标点击

相关文章

阁下可能感兴趣的内容

推荐阅读