如何在每一页的底部添加一个按钮

下面是一个向多个页面添加按钮的示例脚本,如果您计划向自己的内部网添加类似的功能,您可能会发现这个脚本很有用。请注意:此脚本不受Interact的官方支持,如果没有开发团队的额外审查和修改,可能无法为您的组织“开箱即用”

这个脚本

//哪个版本?$(document) .ready(function(){//哪个版本?var customModal = $('<div class="custom-modal modal fade" tabindex="-1" role="dialog" aria-hidden="true"><div class="modal-header"><按钮类型="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h3>Interact 7.9.8 Release现已在WorkLife</h3></div><div class="modal-body" style="padding:20px"> p><strong>;$('<div/>', {'id': 'myDiv', 'text': 'Interact 7.9.8 Release is now on WorkLife'}) .on('click', function() {$('body') .append(customModal);$('。Custom-modal .hide') .show();$ (' .custom-modal ') .modal ();}) .appendTo('body') .css({'font-family': 'arial', 'position': 'fixed', 'bottom': '0', 'background-color': '#32cbeb', 'color': '白色','font-weight': '粗体','光标':'指针','border-radius': '10px 10px 0 0', 'right': '10px', 'padding': '10px 15px 5px'});});

这里的脚本只是创建了一个包含按钮的div,将其追加到页面主体,并将其位置设置为屏幕的右下角。然后它添加了一个点击处理程序,这样点击它就会显示一个带有更多细节的小模态对话框。

这个按钮

添加脚本后,按钮看起来像这样…

921

点击页面底部的蓝色按钮就会得到这个…

591

Baidu
map