dz分类信息发帖模板文本框鼠标点击显示出浮动图片提示！

u_102504171

【如内容违法或虚假，请联系上述邮件删除】本帖最后由 东哥小网络 于 2016-12-23 22:50 编辑





dz分类信息发帖模板文本框鼠标点击显现出浮动图片提示！
<script type="text/javascript">
    _attachEvent(window, 'load', function () {
        //下面的playurl交流为后台设置的分类信息字段变量名
        var objVideoUrl = $('typeoption_playurl');
        //下面divTooltipVideoUrl设置为提示图片所在层的ID
        var divTooltipVideoUrlId = 'divTooltipVideoUrl';
        if (objVideoUrl) {
            objVideoUrl.onfocus = function () {
                var offset = fetchOffset(objVideoUrl, 0);
                if (!$('divTooltipVideoUrl')) {
                    var divTooltip = document.createElement('div');
                    divTooltip.id = 'divTooltipVideoUrl';
                    divTooltip.style.position = 'absolute';
                    //下面的图片static/image/geturltip.png交流为需求提示的图片途径
                    divTooltip.innerHTML = '<img src="static/image/geturltip.png" />';
                    document.body.appendChild(divTooltip);
                }
                $(divTooltipVideoUrlId).style.display = '';
                $(divTooltipVideoUrlId).style.top = offset['top'] - $(divTooltipVideoUrlId).offsetHeight + 'px';
                $(divTooltipVideoUrlId).style.left = offset['left'] - 6 + 'px';
            };
            objVideoUrl.onblur = function () {
                $(divTooltipVideoUrlId).style.display = 'none';
            };
            objVideoUrl.onkeydown = function () {
                $(divTooltipVideoUrlId).style.display = 'none';
            };
        }
    });
</script>复制代码var objVideoUrl = $('typeoption_playurl');    的 playurl 是你分类信息的变量名
var offset = fetchOffset(objVideoUrl, 0);  的 0 是你要显现的字段位置（用来在不同的分类信息文本框提示图片显现）
divTooltip.innerHTML = '<img src="static/image/geturltip.png" />'; 是 static/image/geturltip.png 是你要提示图片的链接


假如要用多个图片提示就重复上面这段代码，不同字段变量名和提示层ID改动下即可！

可能有的人不会就看这个图：

图里面的第一的代码 playurl1 和第二的代码 playurl2 是你后台需求显现的提示的对应的分类信息字段变量称号！
图里面的第一的代码 divTooltipVideoUrl1 和第二的代码 divTooltipVideoUrl2 这个名字随意，不要重复也不要跟页面上别的元素id抵触就得了
图里面的第一的代码是图片链接这个就不多说了！

代码加到 template/default/forum/post.htm 这个文件最下面

多个的话就重复上面这段代码，不同字段变量名和提示层ID改动下(关注老榕树网络旗下“网络思维”微信公众号:wlsw360 (每天都有好文章)

 

                                                   本帖如有虚假或违法，请联系邮箱删除，本社区删贴不收任何费用，欢迎举报。老榕树社区属老榕树网络旗下网站，旨在为老榕树用户提供创业咨询、网站建设技术交流、源码下载、提供各种实用工具。如有部分帖子涉及违法、虚假，请你第一时间与社区联系，把需要删除的社区链接提供给我们，我们核实之后，第一时间删除。邮箱：125175998@qq.com

越来越八卦的我

己处置了，看上面的教程！