本文目錄一覽:
- 1、php如何製作彈出窗口
- 2、php點擊鏈接彈出窗口並顯示相應的信息
- 3、在php中彈出信息輸入框的功能如何實現?類似下圖:
- 4、php中點擊一個超鏈接然後彈出窗口怎麼辦
- 5、求php或html點擊鏈接彈出小窗口的代碼!
php如何製作彈出窗口
Javascript屬於網路的腳本語言,用來給HTML網頁增加動態功能。Javascript彈出窗口的方法:
1,彈出包含提示信息窗口 在script標籤中 加入 alert(“要現實的內容”);
2,彈出新窗口,window對象的open方法可實現彈出窗口,具體代碼如下
window.open (‘page.html’, ‘newwindow’, ‘height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no’) //這句要寫成一行
參數解釋:
window.open 彈出新窗口的命令;
‘page.html’ 彈出窗口的文件名;
‘newwindow’ 彈出窗口的名字(不是文件名),非必須,可用空”代替;
height=100 窗口高度;
width=400 窗口寬度;
top=0 窗口距離屏幕上方的象素值;
left=0 窗口距離屏幕左側的象素值;
toolbar=no 是否顯示工具欄,yes為顯示;
menubar,scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小,yes為允許;
location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態欄內的信息(通常是文件已經打開),yes為允許;
php點擊鏈接彈出窗口並顯示相應的信息
你那個表格中的數據和你要div彈出的數據一模一樣, 豈不是畫蛇添足?
表格中都看到了, 再點彈個div出來,再看一次???
如果你真需要這樣做, 建議使用jQuery庫和jQuery相關的彈窗插件!
比如:layer(這個可以百度一下就有啊)
使用方法他們網站有介紹
至於彈出的div中的內容, 方法就很多了, 可以ajax請求其他頁面, 也可以獲取當前頁面的內容!
在php中彈出信息輸入框的功能如何實現?類似下圖:
1. 在頁面上寫兩個個div,一個放其它東西,另一個放輸入框寫上,
然後將放置輸入框的divstyle=”display:none”
2.弄個按鈕或者圖片,綁定js,在點擊按鈕的時候將display設置為block,
將另一個div的display設置成none,這樣看上去就像是彈出了一個窗口
在點擊完登錄之後刷新當前頁面即可
3.至於輸入框的位置,可以看一下css文檔,如何顯示在頁面的中央
另一個就是在js中寫一個模態窗口,也同樣能夠實現
php中點擊一個超鏈接然後彈出窗口怎麼辦
PHP中點擊出現一個超鏈接,然後出現彈窗,你就不要去點擊他了,或者將彈窗直接關閉就可以了,運用這種鏈接一定要注意安全,超鏈接中可能會含有病毒,這樣的話就會導致你的電腦死機或者是病毒用不了,希望我的建議能夠幫助您,祝您生活愉快,天天開心
求php或html點擊鏈接彈出小窗口的代碼!
function popup(msg,timer) {
var
h = $(document).scrollTop() +$(window).height() ;
w = $(window).width();
lw = Math.floor(w/2-200/2);
var ht =
‘div id=”popup” style=”display:none;position:absolute;top:100%;left:’+
lw+
‘px;text-align:center;background:#f6f9cc;border:1px solid #999;width:200px;z-index:1200;box-shadow:0 0 5px rgba(0,0,0,.4)”‘ +
‘div class=”popup-content” style=”padding:15px”/div’ +
‘a href=”javascript:;” class=”close-popup” style=”display:inline-block;line-height:20px;position:absolute;right:5px;top:5px;width:20px;text-decoration:none;height:20px;font-family:Arial;font-size:28px;font-weight:bold;text-align:center;color:#777;border-radius:50px;”times;/a’ +
‘/div’;
$(‘#popup’).remove();
$(‘body’).append(ht);
var t ;
function popout() {
$(‘#popup’).animate({
top:’100%’
},500,function() {
$(‘#popup’).hide();
});
}
$(‘#popup .close-popup’).click(function() {
clearTimeout(t);
popout();
}).hover(function() {
$(this).css({
color:’#000′
})
},function() {
$(this).css({
color:’#777′
})
});
$(‘#popup .popup-content’).html(msg);
$(‘#popup’).show().animate({
top:h/2
},500,function() {
t = setTimeout(function() {
popout();
},timer? parseInt(timer):5500)
});
}
把這段代碼寫在jquery後面,然後直接調用:
popup( ‘內容’,3000);//彈出「內容」,3000毫秒後自動關閉
原創文章,作者:BKTU,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/136853.html