(转)js+flash实现手写输入功能特效

js+flash实现手写输入功能特效

 

此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))
    }
}

 

运行效果如下：

 

在线演示

转载于:https://www.cnblogs.com/cheng5x/archive/2013/05/10/3070631.html