鼠标触及连接滚动提示信息

<html>
<head>
<title>鼠标触及连接滚动提示信息-石家庄瑜伽馆</title>
</head><body>
<!--将以下代码加入HTML的<Body></Body>之间-->
<style type="text/css">
<!--
a:link {  color: #0020FF; text-decoration: none;font-size: 9pt}
a:visited { color:#0020FF; text-decoration: none;font-size: 9pt}
a:hover {  color: #585858; text-decoration: underline;font-size: 9pt}
-->
</style>
<SCRIPT language=JavaScript>
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML=‘<marquee style="border:1px solid blue">‘+text+‘</marquee>‘
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}

else if (document.layers){
document.tooltip2.document.nstip.document.write(‘<b>‘+text+‘</b>‘)
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
</SCRIPT>
<DIV id=tooltip2
style="background-color: white; clip: rect(0px 150px 50px 0px); height: 1px; left: 2px; position: absolute; top: 0px; visibility: visible; width: 100px; z-index: 2"><LAYER
name="nstip" width="500px" bgColor="white"></LAYER></DIV>

<A href="#" onmouseout=hidetip2() onmouseover="showtip2(this,event,‘这是个不错的网站‘)" target=_blank>网页梦工厂</font></A><br>
<A href="#" onmouseout=hidetip2() onmouseover="showtip2(this,event,‘很好的下载站点,速度快‘)" target=_blank>天空下载</font></A><br>
<A href="#" onmouseout=hidetip2() onmouseover="showtip2(this,event,‘编程爱好者的乐园‘)" target=_blank>大富翁论坛</font></A><br>
<A href="#" onmouseout=hidetip2() onmouseover="showtip2(this,event,‘这里有Delphi的好东东‘)" target=_blank>Codelphi</font></A><br>
<A href="#" onmouseout=hidetip2() onmouseover="showtip2(this,event,‘程序员必看‘)" target=_blank>中国软件</font></A><br>
</body></html>

时间： 2024-08-02 11:04:15

鼠标触及连接滚动提示信息的相关文章

jq鼠标点击滚动锚点

鼠标点击滚动锚点 //滚动锚点 $('.menus-c ul li a').click(function(){ //alert(); $('html, body').animate({ scrollTop: $( $.attr(this, 'href') ).offset().top }, 500); return false; }); 以上代码,代表点击.menus-c ul li a的时候,获取a的href(href的值等于#id)就会自动滑动了.

用于鼠标经过出现悬停提示信息

公共方法 var selectType0 = "BI";//定义一个类型$(function () { //提示信息 $("#id").bind("mousemove", function (event) { showCueDiv(selectType0, event); }).bind("mouseout", function (

js鼠标滚轮上下滚动监听事件应用实例（跨浏览器，亲测）

最近做项目涉及到多个DIV切换效果,包括普通按钮点击切换和鼠标滚轮上下滚动切换等:其主要涉及到的内容就是鼠标滚轮上下切换的事件监听,此处是第一次接触到,故在此记录一下:也希望能帮到各位有需要的朋友. 以下为项目实例: $(function() { var count = $("#sysCount").val(); var isUp = false; // 初始化子系统模块 if (count > 6) { $("#panel").cs

windows 修改鼠标滚轮自然滚动

在mac 上玩习惯了,使用windows 时的鼠标实在觉得别扭,在网上百度了一下,找到一个方法,这里记录一下 1 打开windows 的控制面板,点击“硬件和声音” 2 点击“鼠标” 3 然后点击上面的“硬件” 4 选择“设备”的一个,因为我也不知道哪个对应的是我的鼠标,所以先找一个来试,如果后面设置后没有生效,再选择一个设备来操作吧选择一个设备,点击“属性” 5 点击“详细信息” 然后在“属性”里选择“设备实例路径“ 将”值“ 记录下来,或者不要关闭这个窗口,等一下有用 6 用root 权限

canvas 实现星空闪烁的效果,鼠标滑动,连接周围的点

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> </head><body> <canvas id="mycanvas"></canvas></body><script> var c = do

css如何实现滚动条隐藏但鼠标仍然可以滚动

在做移动端项目的时候,有些时候需要元素超出屏幕可以滚动,为了美观需要隐藏滚动条.如果只需兼容chrome和safari,可以使用自定义滚动条的伪对象选择器--::webkit-scrollbar. 具体使用即: element::webkit-scrollbar{display:none} 或者 element::webkit-scrollbar{width:0!important} 那要在pc端实现同样的功能怎么办呢?参考Hiding Vertical Scrollbars with Pure

给鼠标滚轮绑定滚动事件

var scrollFunc = function (e) { var direct = 0; e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件 if (e.wheelDelta > 0) { //当滑轮向上滚动时 $("#footer").hide(); } if (e.wheelDelta < 0) { //当滑轮向下滚动时 /* $("#footer").show();*/ }

判断鼠标滚轮的滚动方向

function mousewheelHandler(e){ var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))); console.log(delta > 0 ? "向上滚动" : "向下滚动"); } //for Firefox document.addEventListener("DOMMouseScroll", mousewheelHandler, fa

js学习-鼠标经过输入框显示提示信息

经过输入框能显示信息,一种直接用css的title属性,title属性能显示要提示的信息,但不宜控制, 学习整理js方法,即如下代码: <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>移动到输入框提示信息</title> <style type="text/css"> #info{background: #cc