zoukankan      html  css  js  c++  java
  • (转)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))
        }
    }
    复制代码

    运行效果如下:

    在线演示

  • 相关阅读:
    UIView
    UISwitch
    UIButton
    label标签的属性
    sublime 生成网页头文件
    Xcode快捷键
    Bootstrap 模态对话框只加载一次 remote 数据的解决办法 转载
    用谷歌浏览器来当手机模拟器
    DDD:谈谈数据模型、领域模型、视图模型和命令模型
    MoQ(基于.net3.5,c#3.0的mock框架)简单介绍
  • 原文地址:https://www.cnblogs.com/cheng5x/p/3070631.html
Copyright © 2011-2022 走看看