首页
技术博客
PHP教程
数据库技术
前端开发
HTML5
Nginx
php论坛
新用户注册
|
会员登录
PHP教程
技术博客
编程问答
PNG素材
编程语言
前端技术
Android
PHP教程
HTML5教程
数据库
Linux技术
Nginx技术
PHP安全
WebSerer
职场攻略
JavaScript
开放平台
业界资讯
大话程序猿
登录
极速注册
取消
热门标签 | HotTags
erlang
web
metadata
replace
filter
shell
php7
jar
solr
hash
testing
iostream
bytecode
audio
python3
install
php8
cmd
default
ip
search
loops
vbscript
subset
char
split
match
typescript
js
include
hashcode
jsp
nodejs
go
instance
cpython
cookie
expression
timestamp
web3
hook
dll
less
format
python2
httprequest
join
fetch
heap
window
const
function
perl
heatmap
cPlusPlus
plugins
chat
md5
foreach
frameworks
process
scala
random
sum
c语言
java
import
main
javascript
netty
datetime
command
数组
tags
vba
bash
hashtable
runtime
utf-8
当前位置:
开发笔记
>
编程语言
> 正文
在Asp.net中使用JQuery插件之jTip代码
作者:mobiledu2502913277 | 来源:互联网 | 2022-01-22 05:26
jTip是个轻量级的提示插件。
默认支持两个参数:
width宽度,default value :250px
link 要link的URL
对应的Source code是:
代码如下:
var params = parseQuery( queryString );
if(params['width'] === undefined){params['width'] = 250};
if(params['link'] !== undefined){
$('#' + linkId).bind('click',function(){window.location = params['link']});
$('#' + linkId).css('cursor','pointer');
}
然后我们看到初始化时,是选择所有class=jTip的
标签,然后给它们加上hover方法,让click方法失效
代码如下:
//on page load (as soon as its ready) call JT_init
$(document).ready(JT_init);
function JT_init(){
$("a.jTip")
.hover(function(){JT_show(this.href,this.id,this.name)},function(){$('#JT').remove()})
.click(function(){return false});
}
接着取得当前id的位置计算将要显示DIV的位置,code也不复杂:
代码如下:
if(hasArea>((params['width']*1)+75)){
$("body").append("
"+title+"
");//right side
var arrowOffset = getElementWidth(linkId) + 11;
var clickElementx = getAbsoluteLeft(linkId) + arrowOffset; //set x position
}else{
$("body").append("
"+title+"
");//left side
var clickElementx = getAbsoluteLeft(linkId) - ((params['width']*1) + 15); //set x position
}
$('#JT').css({left: clickElementx+"px", top: clickElementy+"px"});
$('#JT').show();
$('#JT_copy').load(url);
其它的一些help function可以参看source code,你可以从这里下载它.
如何使用呢?我们引入它与相应的CSS:
代码如下:
希望这篇POST对您有帮助。
css
javascript
https
devbox
写下你的评论吧 !
吐个槽吧,看都看了
会员登录
|
用户注册
推荐阅读
ip
javascript – 概述在Firefox上无法正常工作
我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.这就是它在Chrome上的外观:而那个图标实际上是一个锚点.在Firefox上,它只概述了整个 ...
[详细]
蜡笔小新 2023-12-14 10:20:38
js
Java验证码——kaptcha的使用配置及样式
本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ...
[详细]
蜡笔小新 2023-12-13 13:58:25
ip
常用的CSS属性及用法整理
本文整理了常用的CSS属性及用法,包括背景属性、边框属性、尺寸属性、可伸缩框属性、字体属性和文本属性等,方便开发者查阅和使用。 ...
[详细]
蜡笔小新 2023-12-09 03:01:43
ip
Google Contacts API未返回输出 - Google Contacts API not returning output
Itwasworkingcorrectly,butyesterdayitstartedgiving401.IhavetriedwithGooglecontactsAPI ...
[详细]
蜡笔小新 2023-10-15 16:40:16
js
用JavaScript实现的太空人手表
用JavaScript实现的太空人手表-JS写的太空人手表,没有用canvas、svg。主要用几个大的函数来动态显示时间、天气这些。天气的获取用到了AJAX请求。代码中有详细的注释 ...
[详细]
蜡笔小新 2023-10-13 17:21:38
ip
使用粘性页眉和页脚切换侧栏 - Toggle Sidebar with sticky header and footer
Iwouldliketobeabletohaveasidebarthatcanbetoggledinandoutonabuttonpress.However ...
[详细]
蜡笔小新 2023-10-13 12:28:22
char
用JavaScript实现《铁甲无敌奖门人》“开口中”猜数游戏
JavaScript在常人看来都是门出不了厅堂的小语言,仅管它没有明星语言的闪耀,但至少网页的闪耀还是需要它的,同时它是一门很实用的语言,本人平时就喜欢拿它来写点实用工具或应用,本文演示用JavaSc ...
[详细]
蜡笔小新 2023-10-13 09:49:41
char
linux查看目录权限命令,linux修改文件目录权限
Linuxchmod目录权限命令图文详解在Linux文件系统模型中,每个文件都有一组9个权限位用来控制谁能够读写和执行该文件的内容。对于目录来说,执行位的作用是控制能否进入或者通过 ...
[详细]
蜡笔小新 2023-12-14 19:06:22
ip
Skywalking系列博客1安装单机版 Skywalking的快速安装方法
本文介绍了如何快速安装单机版的Skywalking,包括下载、环境需求和端口检查等步骤。同时提供了百度盘下载地址和查询端口是否被占用的命令。 ...
[详细]
蜡笔小新 2023-12-14 19:05:47
cmd
解决Docker中volume的权限问题的方法
在Docker中,将主机目录挂载到容器中作为volume使用时,常常会遇到文件权限问题。这是因为容器内外的UID不同所导致的。本文介绍了解决这个问题的方法,包括使用gosu和suexec工具以及在Dockerfile中配置volume的权限。通过这些方法,可以避免在使用Docker时出现无写权限的情况。 ...
[详细]
蜡笔小新 2023-12-14 18:48:02
cmd
Lodop中特殊符号打印设计和预览样式不同的问题解析
本文主要解析了在Lodop中使用特殊符号打印设计和预览样式不同的问题。由于调用的本机ie引擎版本可能不同,导致在不同浏览器下样式解析不同。同时,未指定文字字体和样式设置也会导致打印设计和预览的差异。文章提出了通过指定具体字体和样式来解决问题的方法,并强调了以打印预览和虚拟打印机测试为准。 ...
[详细]
蜡笔小新 2023-12-14 18:29:32
cmd
大连微软技术社区举办《.net core始于足下》活动,获得微软赛百味和易迪斯的赞助
九月十五日,大连微软技术社区举办了《.net core始于足下》活动,共有51人报名参加,实际到场人数为43人,还有一位专程从北京赶来的同学。活动得到了微软赛百味和易迪斯的赞助,场地也由易迪斯提供。活动中大家积极交流,取得了非常成功的效果。 ...
[详细]
蜡笔小新 2023-12-14 14:51:26
ip
SpringBoot yml 配置 多配置文件,开发环境,生产环境配置文件分开
原文地址:https:www.cnblogs.combaoyipSpringBoot_YML.html1.在springboot中,有两种配置文件,一种 ...
[详细]
蜡笔小新 2023-12-14 12:39:13
js
Windows下配置PHP5.6的方法及注意事项
本文介绍了在Windows系统下配置PHP5.6的步骤及注意事项,包括下载PHP5.6、解压并配置IIS、添加模块映射、测试等。同时提供了一些常见问题的解决方法,如下载缺失的msvcr110.dll文件等。通过本文的指导,读者可以轻松地在Windows系统下配置PHP5.6,并解决一些常见的配置问题。 ...
[详细]
蜡笔小新 2023-12-14 12:37:25
js
PHP URL处理的三个函数详解
本文详细介绍了PHP中与URL处理相关的三个函数:http_build_query、parse_str和查询字符串的解析。通过示例和语法说明,讲解了这些函数的使用方法和作用,帮助读者更好地理解和应用。 ...
[详细]
蜡笔小新 2023-12-14 12:32:13
mobiledu2502913277
这个家伙很懒,什么也没留下!
Tags | 热门标签
erlang
web
metadata
replace
filter
shell
php7
jar
solr
hash
testing
iostream
bytecode
audio
python3
install
php8
cmd
default
ip
search
loops
vbscript
subset
char
split
match
typescript
js
include
RankList | 热门文章
1
Ubuntu装配宋体
2
git 忽略某个目录或者文件不上传
3
【C4D周练作业041050】希望量变能有质变~
4
美拍暂停内容上传怎么回事?美拍为什么暂停上传内容
5
【libevent2】最小堆和libevent2的实现
6
第2天:什么是名字空间
7
如何正确使用Flask的jsonify()返回json?
8
two dot,
9
内存、cache和寄存器之间的关系及区别
10
Oracle Cloud始终是免费的。我有资格吗?
11
将base源epel源同步到本地
12
《征人怨》翻译 原文赏析诗人唐柳中庸
13
OPPO R11支付保护是什么?OPPO R11开启支付保护的方法
14
SQLserver数据库几个实用SQL语句
15
curl 60 peer certificate_吕梁60皮带式扒渣机价格
PHP1.CN | 中国最专业的PHP中文社区 |
DevBox开发工具箱
|
json解析格式化
|
PHP资讯
|
PHP教程
|
数据库技术
|
服务器技术
|
前端开发技术
|
PHP框架
|
开发工具
|
在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved |
京公网安备 11010802041100号
|
京ICP备19059560号-4
| PHP1.CN 第一PHP社区 版权所有