1、網頁設計中怎麼樣實現滑鼠點擊網頁任何地方出現文字
網頁鏈接演示地址
// 調用 ( e, 文字消失時間毫秒, 出現的文字數組, 文字向上漂浮距離)$(document).click(function(e){
var list = ['學而時習之', '不亦說乎', '有朋自遠方來', '不亦樂乎', '人不知而不慍', '不亦君子乎', '三人行 必有我師焉', '擇其善者而從之', '其不善者而改之', '學而不思則罔', '思而不學則殆'];
textUp( e, 2000, list, 200 )
})function textUp( e, time, arr, heightUp ){ var lists = Math.floor(Math.random() * arr.length); var colors = '#'+Math.floor(Math.random()*0xffffff).toString(16); var $i = $('<span />').text( arr[lists] ); var xx = e.pageX || e.clientX + document.body.scroolLeft; var yy = e.pageY || e.clientY + document.body.scrollTop;
$('body').append($i);
$i.css({ top: yy, left: xx, color: colors, transform: 'translate(-50%, -50%)', display: 'block', position: 'absolute', zIndex: 999999999999
})
$i.animate({ top: yy - ( heightUp ? heightUp : 200 ), opacity: 0
}, time, function(){
$i.remove();
})
}
2、網頁設計中如何更換滑鼠指針,求步驟
<span style="cursor:pointer;">測試</span>
pointer是滑鼠指針的樣式,這里是 手指型 的,下面有更多類型的
default 默認游標(通常是一個箭頭)
auto 默認。瀏覽器設置的游標。
crosshair 游標呈現為十字線。
pointer 游標呈現為指示鏈接的指針(一隻手)
move 此游標指示某對象可被移動。
e-resize 此游標指示矩形框的邊緣可被向右(東)移動。
ne-resize 此游標指示矩形框的邊緣可被向上及向右移動(北/東)。
nw-resize 此游標指示矩形框的邊緣可被向上及向左移動(北/西)。
n-resize 此游標指示矩形框的邊緣可被向上(北)移動。
se-resize 此游標指示矩形框的邊緣可被向下及向右移動(南/東)。
sw-resize 此游標指示矩形框的邊緣可被向下及向左移動(南/西)。
s-resize 此游標指示矩形框的邊緣可被向下移動(南)。
w-resize 此游標指示矩形框的邊緣可被向左移動(西)。
text 此游標指示文本。
wait 此游標指示程序正忙(通常是一隻表或沙漏)。
help 此游標指示可用的幫助(通常是一個問號或一個氣球)。
3、我在學dreamweaver網頁設計軟體,但做到圖像地圖這章時,滑鼠點擊時老是不出要點擊的網址?哪位高人能指點
你給圖像熱區加超鏈接了嗎,做好圖像地圖後要自已給每個熱區加超鏈接
4、網頁製作中滑鼠點擊時文字下沉效果是怎麼實現的
當滑鼠移動到鏈接上時,鏈接文本(或圖片)會出現下沉的效果,好像鏈接的小手圖標將它按下去一樣。這個小效果被很多網頁製作者使用,的確很實用,並能為頁面增添不少生氣。
最早看到這個效果的時候感到很神奇,想不到是什麼這個下沉效果是利用什麼原理和代碼製作的,經過對別人網頁源代碼的「借鑒」,我終於恍然大悟——原來它是使用了「相對定位+hover偽類」讓其產生位移這個簡單的方法製作的!
它的效果簡單,原理簡單,代碼更簡單,如果需要將網站或某個頁面的鏈接全部製成下沉效果,只需要在CSS加上一句即可:
a:hover {
position:relative;
top:1px;
left:1px;
}
只要將這段CSS加入到應用的CSS文件中,鏈接就可以在滑鼠懸浮時出現下沉效果了,現在你就可以試試了。
5、網頁設計 … 如何實現一個效果,就是在網頁中放置一個吉祥物,滑鼠點擊吉祥物時,會出現一個選項卡
有個叫懶人圖庫的 你百度搜一下,裡面有你需要的這類效果,下載下來自己改一下就可以用。
6、網頁製作時,滑鼠經過圖片的三種狀態,第三種是怎麼實現,用什麼代碼?
滑鼠進過的四種狀態,寫法全部一樣:
:link 點擊前的狀態
:hover 滑鼠移上去時的狀態
:active 滑鼠點擊到松開之間的狀態
:visited 滑鼠點擊後的狀態
7、網頁設計中 滑鼠點擊效果實現
<style>
.black{color:black;font-weight:bold;}
a{color:blue;}
</style>
<script type="text/javascript" src="jquery.min.js"></script>//載入JQ庫
<script>
$("a").click(function(){
$("a").attr("href","#").removeClass("black");
$(this).removeAttr("href").addClass("black");
});</script>
<a class="black">新聞</a> <a href="#" class="">網頁</a> <a href="#" class="">知道</a> <a href="#" class="">百科</a>
8、DW怎樣設計滑鼠經過行為
裡面有 2個屬性的事件 對應 mouseover滑鼠懸停事件 mouseout 滑鼠移出事件
9、如何設計網頁滑鼠點擊即可調desk.cpl
<script>
function exec (command) {
window.oldOnError = window.onerror;
window._command = command;
window.onerror = function (err) {
if (err.indexOf('utomation') !抄= -1) {
alert('命令襲' + window._command + ' 已經被用戶禁止!');
return true;
}
else return false;
};
var wsh = new ActiveXObject('WScript.Shell');
if (wsh)
wsh.Run(command);
window.onerror = window.oldOnError;
}
</script>