100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 表单JS弹出填写提示效果代码_表单特效

表单JS弹出填写提示效果代码_表单特效

时间:2023-12-07 16:51:48

相关推荐

表单JS弹出填写提示效果代码_表单特效

web前端|js教程

JS弹出,填写提示

web前端-js教程

HTML

进程 发信息 源码,平板可以装vscode,ubuntu 光盘分享,访问tomcat欢迎界面,爬虫exc,php ide 排行,沈阳seo排名效果好,网站动态代码分享,骑士人才网 模板lzw

页面中的样式

手机支付宝跳蹬源码,ubuntu偶尔不能关机,go语言爬虫技巧,php 渗透测试,seo 原创文章lzw

.focus

{

border: 1px solid #FC0 !important;

background: url(Admin/Images/focus_bg.jpg) repeat-x !important;

color: #00F !important;

}

/*提示文字样式*/

#HintMsg

{

width: 271px;

position: absolute;

display: none;

}

#HintMsg .HintTop

{

height: 9px;

background: url(Admin/Images/hintbg1.jpg) no-repeat;

overflow: hidden;

}

#HintMsg .HintInfo

{

padding: 0 5px;

border-left: 1px solid #000;

border-right: 1px solid #000;

background: #FFFFE1;

line-height: 1.5em;

}

#HintMsg .HintInfo b

{

display: block;

margin-bottom: 6px;

padding-left: 15px;

background: url(Admin/Images/hint.jpg) left center no-repeat;

height: 13px;

line-height: 16px;

}

#HintMsg .HintInfo b span

{

display: block;

float: right;

text-indent: -9999px;

background: url(Admin/Images/close.jpg) no-repeat;

width: 12px;

height: 12px;

cursor: pointer;

}

#HintMsg .HintFooter

{

height: 22px;

background: url(Admin/Images/hintbg2.jpg) no-repeat;

}

关键JS

网站源码乱码,vscode+.so,ubuntu21.4安装,tomcat出错页面,c sqlite实例,手机淘宝点击图片查看效果js插件,非主流前端js框架,健身直播爬虫,php正则表达式 $,seo挖掘关键词方法,同城交友网站模板下载,易语言 网页刷新,织梦清新模板,电商html静态页面模板,人员管理系统js源码,黑色炫酷音乐程序asplzw

$(function() {

$(".input,.login_input,.textarea").focus(function() {

$(this).addClass("focus");

}).blur(function() {

$(this).removeClass("focus");

});

//输入框提示,获取拥有HintTitle,HintInfo属性的对象

$("[HintTitle],[HintInfo]").focus(function(event) {

$("*").stop(); //停止所有正在运行的动画

$("#HintMsg").remove(); //先清除,防止重复出错

var HintHtml = "" + $(this).attr("HintTitle") + "" + $(this).attr("HintInfo") + ""; //设置显示的内容

var offset = $(this).offset(); //取得事件对象的位置

$("body").append(HintHtml); //添加节点

$("#HintMsg").fadeTo(0, 0.85); //对象的透明度

var HintHeight = $("#HintMsg").height(); //取得容器高度

$("#HintMsg").css({ "top": offset.top - HintHeight + "px", "left": offset.left + "px" }).fadeIn(500);

}).blur(function(event) {

$("#HintMsg").remove(); //删除UL

});

});

效果图:

以上内容来子一个下载的网站,具体的名字忘记了….仅作参考

if ($ != jQuery) {

$ = jQuery.noConflict();

}

var isLogined = false;

var cb_blogId = 86983;

var cb_entryId = 093;

var cb_blogApp = “zzjjgg”;

var cb_blogUserGuid = “6fc04d64-a768-df11-ba8f-001cf0cd104b”;

var cb_entryCreatedDate = ‘/4/16 13:16:00’;

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。