此js特效是一款很实用和常用的功能,现在越来越多网站普及加入手写功能,主要是为了方便不太会打字和懒得打字的网友们输入想要搜索的文字,为了方便网友们使用,整个搜索功能和手写的都整理出来,直接配合后台程序使用即可,使用非常简单。
主要包括了以下js功能特效:
1、搜索特效
2、弹出层特效
3、手写特效
4、鼠标移到文本框全选效果
主要手写功能代码如下:
function open_lw(c) {
var g = "showflash";
var a = document.getElementById("showButton");
var b = getCoords(a);
if (!document.getElementById(g)) {
var f = document.createElement("div");
var e = b.y + 26;
var d = b.x;
f.style.left = d + "px";
f.style.top = e + "px";
f.style.margin = "0px";
f.style.padding = "0px";
f.style.position = "absolute";
f.style.zIndex = "9999";
f.id = g;
f.innerHTML = c;
f.style.background = "#fff";
document.body.appendChild(f)
} else {
iciba_shouxie_close()
}
}
function getCoords(c) {
var a = c.offsetLeft - 30;
var d = c.offsetTop;
var b = c.offsetParent;
while (b != null) {
a += b.offsetLeft;
d += b.offsetTop;
b = b.offsetParent
}
return {
x: a,
y: d
}
}
function iciba_shouxie_close() {
var a = "showflash";
if (document.getElementById(a)) {
document.body.removeChild(document.getElementById(a))
}
}
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
手写功能 手写特效 搜索框特效 弹出层 js特效 实用特效