许多网页设计，鼠标指上去就会打开次级菜单。在平板触屏里这个操作怎么完成？
不支持电磁笔或者主动电容笔的话，只能用TouchMousePointer模拟鼠标了。真心没什么好的办法。。除非厂家给win8平板配上超灵敏触控技术。。。
真人恐怕是没有头像萌_(_^_)_&!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"&
&meta http-equiv="Content-Type" content="text/ charset=gb2312" /&
&title&表格操作&/title&
&script type= "text/javascript" src="domutil.js" &&/script&
&!--以下数据纯属虚构，为排序而随意填写的--&
&table id="tab" border="1" style =" align:text-align:center "&
&thead style="background:#0000FF" onmouseover="over(this)" onmouseout="out(this)"&
&th&&input type="checkbox" name="quan" onclick="quan()" style="cursor:pointer"/&全选&/th&
&th onclick="sortTable('tab',1,'int')" style="cursor:pointer"&编号&/th&
&th onclick="sortTable('tab',2,'汉字')" style="cursor:pointer"&编程语言&/th&
&th onclick="sortTable('tab',3,'汉字')" style="cursor:pointer"&所属公司&/th&
&th onclick="sortTable('tab',4,'float')" style="cursor:pointer"&市场份额&/th&
&th onclick="sortTable('tab',5,'date')" style="cursor:pointer"&诞生日期&/th&
&th style="cursor:pointer"&操作&/th&
&tbody id="tbody"&
&tr style="background:#00FF00" onmouseover="over(this)" onmouseout="out(this)"&
&td&&input type="checkbox" name="checkbox" /&&/td&
&td width=100 id="ID"&4&/td&
&td id="name" width="100"&Java&/td&
&td id="company" width="100" &甲骨文公司&/td&
&td id="age" width="100"&47.6&/td&
&td id="date" width="100"&&/td&
&td &&input type="button" value="删除" onclick="deleteRow(this.parentNode.parentNode)"/&&/td&
&tr style="background:#00FFFF" onmouseover="over(this)" onmouseout="out(this)"&
&td&&input type="checkbox" name="checkbox" /&&/td&
&td width=100 id="ID"&6&/td&
&td id="name" width="100"&C&/td&
&td id="company" width="100"&微软公司&/td&
&td id="age" width="100"&30.3&/td&
&td id="date" width="100"&&/td&
&td &&input type="button" value="删除" onclick="deleteRow(this.parentNode.parentNode)"/&&/td&
&tr style="background:#00FF00" onmouseover="over(this)" onmouseout="out(this)"&
&td&&input type="checkbox" name="checkbox" /&&/td&
&td width=100 id="ID"&3&/td&
&td id="name" width="100"&PHP&/td&
&td id="company" width="100"&公司Zend&/td&
&td id="age" width="100"&22.1&/td&
&td id="date" width="100"&&/td&
&td &&input type="button" value="删除" onclick="deleteRow(this.parentNode.parentNode)"/&&/td&
&tr style="background:#00FFFF" onmouseover="over(this)" onmouseout="out(this)"&
&td&&input type="checkbox" name="checkbox" /&&/td&
&td width=100 id="ID"&1&/td&
&td id="name" width="100"&Objective-C&/td&
&td id="company" width="100" &奥特曼&/td&
&td id="age" width="100"&35.9&/td&
&td id="date" width="100"&&/td&
&td &&input type="button" value="删除" onclick="deleteRow(this.parentNode.parentNode)"/&&/td&
&tr style="background:#00FF00" onmouseover="over(this)" onmouseout="out(this)"&
&td&&input type="checkbox" name="checkbox" /&&/td&
&td width=100 id="ID"&5&/td&
&td id="name" width="100"&VB&/td&
&td id="company" width="100"&汗啊&/td&
&td id="age" width="100"&32.7&/td&
&td id="date" width="100"&&/td&
&td &&input type="button" value="删除" onclick="deleteRow(this.parentNode.parentNode)"/&&/td&
&tr style="background:#00FFFF" onmouseover="over(this)" onmouseout="out(this)"&
&td&&input type="checkbox" name="checkbox" /&&/td&
&td width=100 id="ID"&2&/td&
&td id="name" width="100"&javascript&/td&
&td id="company" width="100"&繁体&/td&
&td id="age" width="100"&99.8&/td&
&td id="date" width="100"&&/td&
&td &&input type="button" value="删除" onclick="deleteRow(this.parentNode.parentNode)"/&&/td&
&tfoot style="background:#C0C0C0"&
&tr onmouseover="over(this)" onmouseout="out(this)"&
&td&&input type="checkbox" name="fan" onclick="fan()"/&反选&/td&
&td colspan="6"&
&input type="button" value="添加数据" onclick="addRow()" /&& & &
&input type="button" value="删除选中行" onclick="deleteChecked()"/&
[b]由于字数限制，未完，接下↓[/b]更多内容请访问我的博客：
JScript code
&script type="text/javascript"&
保存插入数据的编号
color：保存原来的背景色
window.onload = function(){
var myTab = $q("#tab");
ID = myTab.rows.length-1;
//鼠标悬浮在某元素时
function over(node){
color = node.style.backgroundC
node.style.backgroundColor = '#FF00FF';
//鼠标离开某元素时
function out(node){
node.style.backgroundColor =
function quan(){
var checkArr = $q("$checkbox"); //得到tbody行的集合
var qArr = $q("$quan");
if(qArr[0].checked){ //如果是全选,设置全部选中
for(var i=0;i&checkArr.i++){
checkArr[i].checked = true;
//如果没有全选,设置全部没选中
for(var i=0;i&checkArr.i++){
checkArr[i].checked = false;
function fan(){
var checkArr = $q("$checkbox"); //得到tbody行的集合
for(var i=0;i&checkArr.i++){
//循环将所有行反选
checkArr[i].checked = checkArr[i].checked ? false : true;
//添加一行数据
function addRow(){
var myTab = $q("#tab");
var rowLength = myTab.rows.
var newRow = document.createElement("tr"); //创建一行
//设置隔行变色
if(rowLength%2 == 1){
newRow.style.background = "#00FFFF";
newRow.style.background = "#00FF00";
if(newRow.addEventListener){
//给创建的行添加鼠标悬浮的事件
newRow.addEventListener("mouseover",function(){over(newRow);},false);
//给创建的行添加鼠标离开的事件
newRow.addEventListener("mouseout",function(){out(newRow);},false);
}else if(newRow.attachEvent){
//给创建的行添加鼠标悬浮的事件
newRow.attachEvent("onmouseover",function(){over(newRow);});
//给创建的行添加鼠标离开的事件
newRow.attachEvent("onmouseout",function(){out(newRow);});
//给创建的行添加鼠标悬浮的事件
newRow.onmouseover = function(){over(newRow);};
//给创建的行添加鼠标离开的事件
newRow.onmouseout = function(){out(newRow);};
//创建多列
var newCell1 = document.createElement("td");
newCell1.innerHTML = '&input type="checkbox" name="checkbox" /&';
var newCell2 = document.createElement("td");
newCell2.innerHTML = ID;
var newCell3 = document.createElement("td");
newCell3.innerHTML = prompt("请输入编程语言：","");
var newCell4 = document.createElement("td");
newCell4.innerHTML = prompt("请输入所属公司：","");
var newCell5 = document.createElement("td");
newCell5.innerHTML = prompt("请输入市场份额：","");
var newCell6 = document.createElement("td");
newCell6.innerHTML = prompt("请输入诞生日期：","");
var newCell7 = document.createElement("td");
newCell7.innerHTML = '&input type="button" value="删除" onclick="deleteRow(this.parentNode.parentNode)" /&' ;
//将创建的多列添加到行
newRow.appendChild(newCell1);
newRow.appendChild(newCell2);
newRow.appendChild(newCell3);
newRow.appendChild(newCell4);
newRow.appendChild(newCell5);
newRow.appendChild(newCell6);
newRow.appendChild(newCell7);
var tbody = myTab.tBodies[0]; //获取表格的tbody
tbody.appendChild(newRow);
//将创建的行添加到表格body里
//删除一行数据
function deleteRow(currentRow){
var tab = $q("#tab"); //获得表格节点
tab.deleteRow(currentRow.rowIndex); //删除选中的行
//删除多行数据
function deleteChecked(){
var tab = $q("#tab"); //获得表格节点
var checkArr = $q("$checkbox");
//得到tbody行的集合
for(var i=0;i&checkArr.i++){
if(checkArr[i].checked){
//用循环删除选中的行
var index = checkArr[i].parentNode.parentNode.rowI
tab.deleteRow(index);
//转换数据类型,v为值，dataType为数据类型
function convert(v,dataType){
switch(dataType){
case "int":
return parseInt(v);
case "float":
return parseFloat(v);
case "date":
return (new Date(Date.parse(v)));
return v.toString();
//排序函数,index为索引，type为数据类型
function pai(index,dataType){
if(dataType === "汉字"){
return function compare(a,b){
var str1 = convert(a.cells[index].innerHTML,dataType);
var str2 = convert(b.cells[index].innerHTML,dataType);
return str1.localeCompare(str2);
return function compare(a,b){
//var str1 = convert(a.cells[index].firstChild.nodeValue,dataType);
//var str2 = convert(b.cells[index].firstChild.nodeValue,dataType);
var str1 = convert(a.cells[index].innerHTML,dataType); //两种方法效果一样
var str2 = convert(b.cells[index].innerHTML,dataType);
if(str1 & str2){
return -1;
}else if(str1 & str2){
//排序的过程
function sortTable(tableID,index,dataType){
var tab = $q("#"+tableID); //获取表格的ID
var td = tab.tBodies[0]; //获取表格的tbody
var newRows = td.
//获取tbody里的所有行
var arr = new Array();
//定义arr数组用于存放tbody里的行
//用循环将所有行放入数组
for(var i=0;i&newRows.i++){
arr.push(newRows[i]);
//判断最后一次排序的列是否与现在要进行排序的列相同，如果是就反序排列
if(tab.sortCol == index){
arr.reverse();
//使用数组的sort方法，传进排序函数
arr.sort(pai(index,dataType));
var oFragment = document.createDocumentFragment(); //创建文档碎片
for (var i=0; i & arr. i++) {
//把排序过的aTRs数组成员依次添加到文档碎片
if(i%2 == 1){
arr[i].style.background = "#00FFFF";
oFragment.appendChild(arr[i]);
arr[i].style.background = "#00FF00";
oFragment.appendChild(arr[i]);
td.appendChild(oFragment); //把文档碎片添加到tbody,完成排序后的显示更新
tab.sortCol =
//记录最后一次排序的列索引
domutil.js(此js为课堂笔记整理而成，有部分代码本次没有用到的)
JScript code
var CustomFunctions = {
//获取子节点的集合（ie，ff通用）
getChildNodes:function(node){
var arr = [];
var nodes = node.childN
for(var i in nodes){
if(nodes[i].nodeType == 1){ //查找元素节点
arr.push(nodes[i]);
//获取第一个元素子节点（ie，ff通用）
getFirstElementChild : function(node){
return node.firstElementChild ? node.firstElementChild : node.firstC
//获取最后一个元素子节点（ie，ff通用）
getLastElementChild : function(node){
return node.lastElementChild ? node.lastElementChild : node.lastC
//获取上一个相邻节点（ie，ff通用）
getPreviousSibling : function(node){
//找到上一个节点就返回节点，没找到就返回null
node = node.previousS
}while(node && node.nodeType!=1)
//获取下一个相邻节点 （ie，ff通用）
getNextSibling : function(node){
//找到下一个节点就返回节点，没找到就返回null
node = node.nextS
}while(node && node.nodeType!=1)
//将元素插入到指定的node节点后面
insertAfter : function(newNode,targetNode){
if(newNode && targetNode){
var parent = targetNode.parentN
var nextNode = this.getNextSibling(targetNode);
if(nextNode && parent){
parent.insertBefore(newNode,nextNode);
parent.appendChild(newNode);
/*清除字符串前后的空格*/
String.prototype.trim=function(){
return this.replace(/^\s*|\s*$/,"");
查找元素：
$q("div"):bytagname
$q(".l"):byclassname
$q("#l"):byid
$q("$name"):byname
selector:选择符
parentElement:父元素
window.$q = function(selector,parentElement){
if(selector && (typeof selector) === 'string'){
selector = selector.trim();//去掉前后空格
var parentEl = parentElement ||
var nodeArr = new Array();
var firstChar = selector.substr(0,1);
//取得第一个字符
//以#开头，表示根据ID查找
if(firstChar === '#'){
return parentEl.getElementById(selector.substr(1));
//以$开头，根据name查找
else if(firstChar === '$'){
var all = parentEl.getElementsByTagName("*");
for(var i=0;i&all.i++){
var name = all[i].getAttribute("name");
if(name === selector.substr(1)){
nodeArr.push(all[i]);
return nodeA
//以.开头，根据class名查找
else if(firstChar === '.'){
var className = selector.substr(1);
if(parentEl.getElementsByClassName){
return parentEl.getElementsByClassName(className);
var childList = parentEl.getElementsByTagName("*");
for(var i=0;i&childList.i++){
var nodeClassName = childList[i].classN
var classNameArr = nodeClassName.split(' ');
for(var j=0;j&classNameArr.j++){
if(classNameArr[j]===className){
nodeArr.push(childList[i]);
return nodeA
//否则，根据标签名查找
return parentEl.getElementsByTagName(selector);
return document.all || document.getElementsByTagName("*");
至此！代码完结！更多内容请访问我的博客：后使用快捷导航没有帐号？
只需一步，快速开始
本帖最后由 htssk 于
13:03 编辑
DUO11,IE10，用触摸屏，不是用鼠标，触摸板，点索尼产品后，如何用手再点出个人电脑？按索尼产品能够出来下边的菜单，但无法再点个人电脑，一抬手下边的菜单就消失，时间一长就出来了相当按了鼠标右键的菜单。实在没有招了，难道就点不出来？如果出不来，那么这个平板怎么用手触摸呢？其他网站凡是有下拉的基本都无法再点开下拉的内容。用鼠标和触摸板都没有问题。用手点触摸屏就是不行。
13:01 上传
更多作者主题
UID在线时间25 小时注册时间最后登录积分148阅读权限20本币87 板币0 idea豆0 奶牛币0 绿豆0
, 积分 148, 距离下一级还需 52 积分
左手加右手试试嘛
UID在线时间11 小时注册时间最后登录积分59阅读权限20本币31 板币0 idea豆0 奶牛币0 绿豆0
, 积分 59, 距离下一级还需 141 积分
window8触屏最大的问题就是这个了。。慢慢来
UID1857131在线时间2291 小时注册时间最后登录积分22645阅读权限100本币17312 板币0 idea豆3 奶牛币300 绿豆0
哈哈，这是个问题。ipad的safari浏览器以前也有这个问题，现在优化过了，轻点只会拉下菜单而不会触发链接。
UID8610289在线时间490 小时注册时间最后登录积分946阅读权限40本币452 板币0 idea豆1 奶牛币0 绿豆0
, 积分 946, 距离下一级还需 1054 积分
weijiangnan 发表于
左手加右手试试嘛
真的都试了，也真的不行啊
UID在线时间163 小时注册时间最后登录积分770阅读权限40本币484 板币1 idea豆0 奶牛币0 绿豆0
, 积分 770, 距离下一级还需 1230 积分
htssk 发表于
真的都试了，也真的不行啊
+上左脚和右脚？呵呵！
UID1795880在线时间1599 小时注册时间最后登录积分12618阅读权限100本币8317 板币20 idea豆16 奶牛币0 绿豆6
手指一直按着挪动呢？
UID8610289在线时间490 小时注册时间最后登录积分946阅读权限40本币452 板币0 idea豆1 奶牛币0 绿豆0
, 积分 946, 距离下一级还需 1054 积分
ytliyang 发表于
手指一直按着挪动呢？
不能挪动，一移动下边的菜单就消失了
UID8610289在线时间490 小时注册时间最后登录积分946阅读权限40本币452 板币0 idea豆1 奶牛币0 绿豆0
, 积分 946, 距离下一级还需 1054 积分
本友网上边的快捷导航，下边的那五个按钮就无法按出
UID1795880在线时间1599 小时注册时间最后登录积分12618阅读权限100本币8317 板币20 idea豆16 奶牛币0 绿豆6
网页没有对触摸做好优化还是浏览器没有做好优化。。。在安卓手机上直接访问web也是这样。
UID在线时间636 小时注册时间最后登录积分1930阅读权限40本币1114 板币3 idea豆5 奶牛币0 绿豆35
, 积分 1930, 距离下一级还需 70 积分
是的，没优化好……没有鼠标悬停的映射……
UID在线时间81 小时注册时间最后登录积分323阅读权限30本币218 板币0 idea豆31 奶牛币1 绿豆0
, 积分 323, 距离下一级还需 177 积分
点在空白的地方再慢慢移过去行不行？
UID8610289在线时间490 小时注册时间最后登录积分946阅读权限40本币452 板币0 idea豆1 奶牛币0 绿豆0
, 积分 946, 距离下一级还需 1054 积分
cdw1 发表于
点在空白的地方再慢慢移过去行不行？
不行，按住上面的菜单后，抬手菜单就消失，不抬手向下移动，屏幕网页就会跟着下移。无法移动到下面的菜单上，即使能移动到，还有一个问题就是，要点开下面的链接，再抬手还会消失，郁闷啊
UID1795880在线时间1599 小时注册时间最后登录积分12618阅读权限100本币8317 板币20 idea豆16 奶牛币0 绿豆6
拿到了duo11，试了一下，特来告诉楼主如何达成目的。用随机的触控笔。悬浮于屏幕操作即可。
UID8610289在线时间490 小时注册时间最后登录积分946阅读权限40本币452 板币0 idea豆1 奶牛币0 绿豆0
, 积分 946, 距离下一级还需 1054 积分
ytliyang 发表于
拿到了duo11，试了一下，特来告诉楼主如何达成目的。用随机的触控笔。悬浮于屏幕操作即可。
呵呵，用笔也试过了，肯定是没有问题的，不过出发拿个笔也麻烦，怕丢了，还不如打开用键盘触摸板更省心些
UID在线时间17 小时注册时间最后登录积分237阅读权限30本币180 板币0 idea豆1 奶牛币0 绿豆0
, 积分 237, 距离下一级还需 263 积分
本帖最后由 osricpang 于
10:51 编辑
其他的Win8触屏机型也存在同样的问题
只能等微软或者网站优化了...
UID8610289在线时间490 小时注册时间最后登录积分946阅读权限40本币452 板币0 idea豆1 奶牛币0 绿豆0
, 积分 946, 距离下一级还需 1054 积分
osricpang 发表于
其他的Win8触屏机型也存在同样的问题
只能等微软或者网站优化了...
UID在线时间288 小时注册时间最后登录积分2488阅读权限50本币791 板币0 idea豆63 奶牛币4 绿豆29
, 积分 2488, 距离下一级还需 2512 积分
外边的脑控鬼叫的好凶残呀！
高人护法，目测不死全家，谢谢
15年3月精华宗师
15年3月精华大师
关注本友会
本友会微信
本友会微博
benyouhui2012
IT168本友会
还在犹豫的筒子抓紧，通过戴尔直销购买M3800或T5810工作站，即享最高千元优惠及礼包，晒单更有好礼！即可拨打客服获取优惠！最后一周别错过！1.首先要定位实现这种效果的元素 ，本次通过class
2.如果是动态显示不同的提示内容，需设置title
3.通过JQ给定位到元素加上 mouseover 和mouseout 事件
4.再完善下，弹出框跟随鼠标在目标元素上移动
5.再把 mouseover 、mouseout 合并成 hover
//页面加载完成
$(function () {
& & var x = 10;
& & var y = 20; //设置提示框相对于偏移位置，防止遮挡鼠标
& & $(&.prompt&).hover(function (e) { &//鼠标移上事件
& & & & this.myTitle = this. //把title的赋给自定义属性 myTilte ，屏蔽自带提示
& & & & this.title = &&;
& & & & var tooltipHtml = &&div id='tooltip'&& + this.myTitle + &&/div&&; //创建提示框
& & & & $(&body&).append(tooltipHtml); //添加到页面中
& & & & $(&#tooltip&).css({
& & & & & & &top&: (e.pageY + y) + &px&,
& & & & & & &left&: (e.pageX + x) + &px&
& & & & }).show(&fast&); //设置提示框的坐标，并显示
& & }, function () { &//鼠标移出事件
& & & & this.title = this.myT &//重新设置title
& & & & $(&#tooltip&).remove(); &//移除弹出框
& & }).mousemove(function (e) { & //跟随鼠标移动事件
& & & & $(&#toolti&).css({ &top&: (e.pageY + y) + &px&,
& & & & & & &left&: (e.pageX + x) + &px&
& & & & });
&html& &head& &meta charset=&utf-8& /& &script type=&text/javascript& src=&jquery-1.8.2.js&&&/script& &title&背景透明&/title&gt
&!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/
好久以来就想实现一个模态的框框，找了很多的jquery插件，都没有碰到自己满意的，这次碰到了一个，但是由于还处于开发阶段吧，连个文档API都没有，自己摸索了好长一段时间才搞定。
先来看看代码，本人看着源代码定制了自己想要的效果：
&%@ page language=&quo
效果要基本实现以下功能： （1）鼠标滑过文章中的链接文字，要在相应位置弹出提示框，提示框的样式由css来控制，高度自适应；鼠标可以点击提示框的中的链接,滑离提示框时，框自动消失； （2）把提示框的位置控制在文本域范围之内，如果链接文字处在文本域左侧，提示框要居右显示，使其不会出离文本域；反之，如果链接文字处在文本域右侧，提示框要居左显示； （3）如果文本域内容很多，而链接文字恰巧处于浏览器底部，为
我们首先来介绍自定义选择器的开发，他的代码结构如下：
(function ($) { $.expr[':'].customselector = function (object,index,properties,list) { //code }; })(jQuery);
调用时候的写法： $(a:customselector)　　现在我们先解释下函数中所使用到的各个参数。
还是在做联通IOM项目时遇到的一个需求,要求页面每隔半小时弹出一次提示消息（消息以类似QQ新闻的形式弹出）。当时上网找的这么一个资料，已经不记得原文出处了
&html& &head& &title&JavaScript提示框&/title&
&script type=&text/javascript&
alert 命令弹出一个提示框 为便于对 JavaScript 有一个直观的认识，本节会提供几个简单的实例供 JavaScript 入门学习之用。下面的代码是一个弹出提示框的例子：
&script type=&text/javascript&&
alert(&我是提示文字！&);
&input value=&请输入用户名& type=&text&& &input value=&请输入密码& type=&text&& &input value=&提交& type=&submit&& &script&g
到周末了，明天该总结一下了，感觉学到了些东西，又感觉没学多少东西，具体明天再分析吧，先来看看今天要分析的问题。
这样的图片相比大家都很熟悉：
――――――――――――
今天我们就来分析制作一下，先来介绍下这种弹出框的特点：
* 始终依附在页面边框上
* 不随页面的上升下降而改变位置
* 鼠标经过时，会弹出详细信息，离开时，恢复最初状态
这样我们就能大概想到几个可能会用到的功能：
1、图片局部放大 jQZoom Evolution(演示|下载)
2、信息提示框
/** * 删除草稿 */ function deleteDraft(the,id){ $.messager.confirm('删除草稿提醒', '&/br&确定删除这篇草稿吗?&/br&&/br&',function(r){ if(r){ $.ajax({ type : &post&, url : &http://
详细内容请下载附件 附件下载 先看一下效果： 内容都集合到一个1.58KB的js文件里
var returnurl = ''; var messagebox_ $.fn.messagebox = function (message, url, type, delay) { clearTimeout(messagebox_timer); $(&#msgpr
function tips(obj,tag){ var tip = document.createElement('div'),arg= arguments[2],left, //创建tipbox var bodywid= document.documentElement.clientW //这里也可以替换为容器的宽度$(id).outerWi
当光标移动到某些元素上时，会弹出像tips的提示框。
&!DOCTYPE html& &html& &head& &meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /& &title&jQuer
echo &&script&alert('提示内容')&/script&&;
echo '&script language=&JavaScript&&;alert(&这是&;location.href=&index.htm&q
在仿Lightbox效果中，已经基本实现了这个效果，这次主要改进了ie6在fixed时的抖动问题。 此外，还增加了一个用来兼容ie6的fixed的方法，覆盖层也重新“包装”，程序也改成组件的结构。 兼容：ie6/7/8, firefox 3.6.8, opera 10.6, safari 5.0.1, chrome 5.0
效果预览 http://demo.jb51.net/js/AlertBo
按钮移上变色效果
&style& .round-corner-btn { -moz-border-radius:4 -webkit-border-radius: 4 -khtml-border-radius: 4 border-radius: 4
width:200 height:40 line-height: 40 b
弹出层（弹窗）就是相对文档或窗口定位的一个层，一般用来显示提示信息、广告等内容，还可以配合覆盖层来锁定页面。 在仿Lightbox效果中，已经基本实现了这个效果，这次主要改进了ie6在fixed时的抖动问题。 此外，还增加了一个用来兼容ie6的fixed的方法，覆盖层也重新“包装”，程序也改成组件的结构。 兼容：ie6/7/8, firefox 3.6.8, opera 10.6, safari
&%@ page language=&java& import=&java.util.*& pageEncoding=&UTF-8&%& &% String path = request.getContextPath(); String basePath = request.getScheme()+&qu
1.效果如图 　　 2.实现思路 　　1 鼠标移入标题（这里是&a&标签） 　　　　创建一个div，div的内容为鼠标位置的文本 　　　　将创建好的div加到文档中 　　　　为提示层设置位置 　　2 鼠标移出标题 　　　　移除div 　　3 当鼠标在标题内移动时 　　　　同样添加div效果 3.JQuery实现代码
&!DOCTYPE html& &lt
分享一个气泡提示框，练习的技术有：（1）JS响应鼠标的事件；（2）纯CSS制作三角形。
效果这样：
这是html：
&!DOCTYPE html& &html& &head& &meta charset=&UTF-8&& &title&气泡对话框&/title& &l
没办法，只能自己研究，经过大概一天时间吧，还是搞好了，写个总结。
出现这种问题，解决方法大概有这几种： 1.权限不够，导致弹出空吧提示框。（直接上链接） /article/cb0d6.html 就PL/SQL图标上点右键---属性---兼容性--管理员身份运行此程序的勾打上，即可 2.环境变量没设对。 ①在安
&script language=&javaScript&& 　　function closeWindow() 　　{ 　　　　　window.opener = 　　　　　window.open(' ', '_self', ' '); 　　　　　window.close(); 　　} &/script&
今天在项目当中遇到一个问题（本人前台功底不深，高手勿喷）：
可以供选择的弹出框：
利用jQuery没有想到好的提示效果。
参看js的API文档实现如下===confirm：
var r=confirm(&该订单号已经存在，请重新输入或查询已存在订单详情！&) if (di != null&& (r==true)) { userName
html 文件 gundong-0.1.html
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&& &html xmlns=&
比如本人网站的搜索框： 不使用的时候：
鼠标点击后：
用JQuery实现这个效果非常简单，下面是代码：
$(document).ready(function () { var searchBox = $(&#ctl00_txtSearch&); searchBox.focus(function () { if (searchBox.val() == th
弹出层窗口永远居中
&script type=&text/javascript&& var isIE=window.XMLHttpRequest?false: var aIsIE={}; window.onload=function(){ if(isIE){ window.onscroll=doIE; window.onresize=
我们在登录网站的时候，文本框中经常会有提示你输入的信息，当你点击文本框，提示信息自动消失，当文本框什么都没有，而且失去焦点的时候，又有了提示文字。
1.原型开发，先做一个简单的： 我们首先需要一个html文件：
&html& &head& &title&input test&/title& &meta name=&quo
　　当windows xp系统中的InternetExplorer浏览器出现故障时，从网上下载InternetExplorer6.0的安装程序，解压后开始进行安装，此时将会弹出一个无法继续运行的提示框，如图1所示。如果要重新安装InternetExplorer浏览器，可参考下面的方法进行操作。
　　第1步:单击“开始”—“运行”命令，在打开的“运行”对话框中输入“regedit”后回车，打开注册
&!-- 本文参照了该作者的思路：/code/ouvvjqka，jquery代码系另外编写 --& &!-- 本文出自：http://blog.csdn.net/liuyanzhi08 --& &!-- 实现思路： CSS:用一个绝对定位的div作为动画滑块,改变它的left属性来呈现动画效果 javascript：hov
博客的前某一篇文章中 http://www.jb51.net/article/35175.htm写过一个用Ajax来实现一个文本框输入的提示功能。最近在一个管理项目的项目中，使用后发现，真的反应很慢，数据量很大的情况下使用Ajax去实现真的不合适，于是，我又写了一个使用Jquery来实现方法。 废话不多说，上图上代码:
引用方式：
&body style
具体用法是这样的： 将Javascript代码放到&/body&前（将脚本代码放在页面底端有助于提高页面速度，但是我现在还没有切身的体会）
&script language=JavaScript& function mouseOutPic()//当鼠标移出时，隐藏原图 { if(window.event.
jquery实现点击消失的源代码：
&%@ page language=&java& import=&java.util.*& pageEncoding=&UTF-8&%& &html& &head& &script type=&text/javascript&qu
　　我们在Windows XP操作系统的使用过程中，经常会因为程序的错误而弹出一个错误报告的提示框，询问你是否发送错误信息到微软公司。不发送吧它总是频频提示错误信息很是麻烦，发送吧又怕会泄漏个人的计算机隐私。这好象对于我们一般的用户来说是不需要的，所有通常用户都会选择“不发送”，那么你有没有想过是否有方法屏蔽这个错误提示窗口呢?
　　方法当然是有的了，你不妨可以试试下面这种方法：进入“控制面板”
页面遮罩弹出框是最常见的一种情况，今天用jQuery实现页面遮罩弹出框，主要用的技术有JQuery，css和html, html代码如下：
&div id=&main&&&a href=&javascript:showBg();&&点击这里查看效果&/a& &div id=&fullbg
/*―――――――――――――――――― */ //? 简单提示框函数 /*―――――――――――――――――― */ function alert ($msg,$url=&) { $str = '&script type=&text/javascript&&'; $str.=&alert('&.$msg.&'
本文实例讲述了js网页右下角提示框的实现方法，分享给大家供大家参考。具体方法如下： html代码部分如下：
&style type=&text/css&&
.messageTip{border-right: # border-top: #a6b4cf 1 border-left: #a6b4
经常需要做让一个提示信息显示几秒然后自动消失的效果，之前是用setTimeout去实现，但是发现如果页面上有多个setTimeout就不太好。今天找到了两个很简单的方法.mark一下。 方法一：
$(&#errormsg&).html(&您的信息输入错误，请重试!&).show(300).delay(3000).hide(300);
　　在以前Silverlight、WPF中的弹出窗口提示中是MessageBox类中进行显示的，现在Windows 8中使用Windows.UI.Popups命名空间下的MessageDialog类代替MessageBox。 　　MessageDialog类有以下常用方法和属性: 　　　　ShowAsync():异步弹出消息框. 　　　　Commands:添加命令,在弹出框界面上同步添加相应的按钮
本来是想用一些现成的插件的，找了几个都比较复杂，我就想实现一个小小的效果，并不需要太复杂，所以最终打算自己写一个！
　　实现效果：鼠标放到文字上面，出现小提示框！
效果截图： 测试结果：火狐，ＩＥ６/７/８下面通过 　　说明，没有做参数定制，以后可能会完善，大家要改显示效果的话，直接调整ＪＳ里面的ＣＳＳ样式即可！欢迎高手指教！ 　　代码
(function($){ $.f