導航:首頁 > 萬維百科 > 網頁設計特效代碼
網頁設計特效代碼
發布時間：2020-07-27 16:38:181、請高手寫個網頁製作的特效代碼，在線等，採納追加100分
就是這些代碼，如果你不滿意我倒找你100分！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=gb2312" ></FCK:meta>
<title>超酷的旋轉圖片特效</title>
</head>
<body>
<style type="text/css">
body{background:black}
.point{position:absolute;height:120px;}
</style>
<script>
var r=200,dv=0.01,w=100,x=400;y=100,pn=8; //r半徑，dv偏移量，w圖片寬度，x菜單橫坐標，y菜單縱坐標，pn菜單圖片數量
var pi=Math.PI,d=pi/2;
var pd=Math.asin(w/2/r),ed=pi*2/pn,sm;//pd各個圖片的反正弦
function goR(){
var o=document.getElementById('imground');
var arrimg=o.getElementsByTagName('img');
for (var n=0;n<arrimg.length;n++){
arrimg[n].onmouseout=function(){sm=setInterval('roundMove()',50);} //滑鼠離開菜單後繼續轉動
arrimg[n].onmouseover=function(){clearInterval(sm)} //滑鼠移上菜單停止轉動
arrimg[n].onmousedown=function(){dv=dv*2} //滑鼠單擊菜單加快轉到速度
}
sm=setInterval('roundMove()',50);
}
function roundMove(){
var v=document.getElementById('imground');
var arrimg=v.getElementsByTagName('img');
var o,ta,strFilter;
for (var n=1;n<=pn;n++){
o=arrimg[n-1];
ta=Math.sin(d+ed*n);//獲得當前偏移量的正弦值
strFilter='';
if (ta<0){//正弦值對應為負弧度，即圖片旋轉到圓的背面
o.style.left=Math.cos(d+ed*n-pd)*r+x+'px'; //傳入當前圖片移動的橫坐標
}
else{//當圖片旋轉到圓的正面時
o.style.left=Math.cos(d+ed*n+pd)*r+x+'px';//傳入當前圖片移動的橫坐標
}
o.style.top=ta*10+5+y+'px'; //傳入當前圖片移動的縱坐標
o.style.width=Math.abs(Math.cos(d+ed*n+pd)-Math.cos(d+ed*n-pd))*r+'px';
o.style.zIndex=parseInt(ta*10);
if (o.style.zIndex<0){//當圖片旋轉到居後的位置時翻轉圖片
strFilter='FlipH(enabled:true)';
}
else{ //當圖片旋轉到前面的位置時顯示圖片正面
strFilter='FlipH(enabled:false)';
}
if (ta<0){
ta=(ta+1)*80+20;
}else{
ta=100;
}
strFilter=strFilter+' alpha(opacity='+ta+')'; //透明效果（針對IE）
o.style.opacity=ta/100; //透明效果（針對非IE）
o.style.filter=strFilter; //在菜單圖片上加入濾鏡效果
}
d+=dv; //增加偏移值
}
</script>
<div id="imground">
<img class="point" src="http://img.lingd.net/attachments/date_201101/.jpg" _fcksaverl="http://img.lingd.net/attachments/date_201101/.jpg" _fcksaverl="http://img.lingd.net/attachments/date_201101/.jpg"/>
<img class="point" src="http://img.lingd.net/attachments/date_201101/.jpg" _fcksaverl="http://img.lingd.net/attachments/date_201101/.jpg" _fcksaverl="http://img.lingd.net/attachments/date_201101/.jpg"/>
<img class="point" src="http://img.lingd.net/attachments/date_201101/.jpg" _fcksaverl="http://img.lingd.net/attachments/date_201101/.jpg" _fcksaverl="http://img.lingd.net/attachments/date_201101/.jpg"/>
<img class="point" src="http://img.lingd.net/attachments/date_201101/.jpg" _fcksaverl="http://img.lingd.net/attachments/date_201101/.jpg" _fcksaverl="http://img.lingd.net/attachments/date_201101/.jpg"/>
<img class="point" src="http://img.lingd.net/attachments/date_201101/.jpg" _fcksaverl="http://img.lingd.net/attachments/date_201101/.jpg" _fcksaverl="http://img.lingd.net/attachments/date_201101/.jpg"/>
<img class="point" src="http://img.lingd.net/attachments/date_201101/.jpg" _fcksaverl="http://img.lingd.net/attachments/date_201101/.jpg" _fcksaverl="http://img.lingd.net/attachments/date_201101/.jpg"/>
<img class="point" src="http://img.lingd.net/attachments/date_201101/.jpg" _fcksaverl="http://img.lingd.net/attachments/date_201101/.jpg" _fcksaverl="http://img.lingd.net/attachments/date_201101/.jpg"/>
<img class="point" src="http://img.lingd.net/attachments/date_201101/.gif" _fcksaverl="http://img.lingd.net/attachments/date_201101/.gif" _fcksaverl="http://img.lingd.net/attachments/date_201101/.gif"/>
</div>
<script language="javascript">goR();</script>
</body>
</html>
2、html圖片特效代碼
最簡答的方法，用flash做一個swf格式的自動圖片切換，然後連接到網頁中
3、怎樣使用網頁設計模板和網頁特效代碼
使用網頁設計模板和網頁特效代碼，一般這種模版都會給一定提示，例如在什麼位置去插入，然後告訴通過一個什麼函數來調用，然後只需要在DW中打開模版，根據自己需要的地方，更改文字，或者是圖片就可以了。
4、如何快速製作網頁特效
1.打開你需要的帶特效的網站,單擊菜單欄(上面)的查看-源文件.然後找到你需要的特效的代碼段（用dreamweaver軟體容易找些),復制～粘貼～改代碼（最好先了解javascript語言～否則比較麻煩）
2.先獲得你要變換圖片的控制項(用ById),然後寫個方法～在裡面寫個循環，或者用隨機數獲得圖片並且附給你要變圖片的控制項，（所有的圖片名必須有規律～比如1.jpg,2.jpg)，最後在方法里寫個計時器setTimeOut(方法名，每過多少毫秒執行一次）
3這些東西必須要有JAVAscript的基礎～否則建議先學去
5、求一段html網頁的圖片效果代碼
這位童鞋，這個地方又錯誤：<imgsrc；
完整代碼如下：
<html><head><style type="text/css">.a:hover{border:1px solid Red;}
.a:hover .gonglue-art{color:Red;}
</style>
</head>
<body>
<div class="a" style="width: 400px;">
<div class="img">
<ahref="#">
<img width="120" height="160" img-src="http://p10.ytrss.com/proct/20/294/1733/viewimage/10924.jpg" alt="ONLY雪紡兩件套女襯衫E|113241011020,白,XL,13Q2" src="*.jpg"></ahref="#"></div>
<div class="gonglue-art">
非東風風神的法搜的建甌市非單身飛速的發就歐風搜的哦</div>
</div></body></html>
6、求圖片中網頁效果代碼
利用ECharts可以很好的實現這個功能。
利用內置的嵌套餅圖可以實現該效果，
測試數據代碼：
option = {tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient : 'vertical',
x : 'left',
data:['AA','BB','CC','DD','EE','FF','GG','HH','II','JJ']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {
show: true,
type: ['pie', 'funnel']
},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : false,
series : [
{
name:'s1',
type:'pie',
selectedMode: 'single',
radius : [0, 70],
// for funnel
x: '20%',
width: '40%',
funnelAlign: 'right',
max: 1548,
itemStyle : {
normal : {
label : {
position : 'inner'
},
labelLine : {
show : false
}
}
},
data:[
{value:335, name:'s2'},
{value:679, name:'s3'},
{value:1548, name:'s4', selected:true}
]
},
{
name:'s5',
type:'pie',
radius : [100, 140],
// for funnel
x: '60%',
width: '35%',
funnelAlign: 'left',
max: 1048,
data:[
{value:335, name:'11'},
{value:310, name:'22'},
{value:234, name:'33'},
{value:135, name:'44'},
{value:1048, name:'55'},
{value:251, name:'66'},
{value:147, name:'77'},
{value:102, name:'88'}
]
}
]
};
var ecConfig = require('echarts/config');
myChart.on(ecConfig.EVENT.PIE_SELECTED, function (param){
var selected = param.selected;
var serie;
var str = '當前選擇： ';
for (var idx in selected) {
serie = option.series[idx];
for (var i = 0, l = serie.data.length; i < l; i++) {
if (selected[idx][i]) {
str += '【系列' + idx + '】' + serie.name + ' : ' +
'【數據' + i + '】' + serie.data[i].name + ' ';
}
}
}
document.getElementById('wrong-message').innerHTML = str;
})
效果：
ECharts (Enterprise Charts 商業產品圖表庫)
提供商業產品常用圖表，底層基於ZRender（一個全新的輕量級canvas類庫），創建了坐標系，圖例，提示，工具箱等基礎組件，並在此上構建出折線圖、柱狀圖、散點圖、K線圖、餅圖、雷達圖、地圖、和弦圖、力導向布局圖、儀表盤以及漏斗圖，同時支持任意維度的堆積和多圖表混合展現。
7、網頁所設計，滑鼠特效代碼的問題
這個不是直接復制到<body></body>里的 這個代碼有些已經寫了 你要做的是分門別類的放在指定的位置里 然後就可以看到效果了
8、請教網頁設計高手滑鼠特效代碼代碼求大神幫助
滑鼠移上去就打開頁面: 第一步:把如下代碼加入<body>區域中 <SCRIPT Language="JavaScript">function winopen () {msg=open("update.htm","NewWindow","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=400,height=260");}</SCRIPT> 第二步:把如下代碼加入<body>區域中 <a href="鏈接地址" onMouseOver="winopen(); return true;"><IMG SRC="shu.gif" border="0"></a> 自動跳轉的話這個度試看 <a href=" 鏈接地址" onMouseOver="指定頁面"><IMG SRC="shu.gif" border="0"></a> 不行的話加我Q吧 我這個只是理論的寫寫 沒實現過 你試試看吧
滿意請採納
9、Dreamweaver使用，網頁特效代碼製作
首先用ps或者其他軟體將幾張圖片的大小p成一樣的。比如筆者把三張圖片都p成了200x268的大小。
2
打開Dreamweaver，新建一個網頁（筆者這里建立一個html類型的網頁）。
3
按Ctrl+S保存新建的網頁。
4
點擊菜單欄：插入-->表格。插入一個1行1列的表格。
5
把滑鼠指針放到表格中，單擊菜單欄的:插入-->布局對象-->AP Div,插入一個AP Div。
6
把滑鼠放到剛剛新建的AP Div里邊，點擊菜單欄的：插入-->圖像，選擇一張需要插入的圖片。
7
按上面的方法依次添加其他幾個AP Div，並在里邊插入圖片。
接下來插入一個AP Div，然後再里邊添加一個1行3列的表格。
滑鼠指針放到表格第一個方框中，單擊菜單欄：插入-->表單-->按鈕。操作如圖
滑鼠點中添加的按鈕，然後再下方屬性面板中，把值修改為1。
按照上述步驟依次為表格的第二個框、第三個框添加一個按鈕，並把屬性值改成2和3。如圖
把幾個AP Div移動到同一個區域。如下圖
單擊菜單欄：窗口-->行為，打開行為面板。
滑鼠點擊第一個方框的按鈕，點擊標簽檢查器行為面板下方的「+」號，彈出的菜單中選擇「顯示-隱藏元素」。
按照下圖所示，把AP Div1設置成顯示，AP Div2設置成隱藏，AP Div3設置成隱藏。AP Div4可以設置成顯示，也可以不設置（默認顯示）。
如圖，點擊行為面板左邊的英文，在彈出的菜單中選擇onFocus。
按照上面的步驟，依次把表格第二個方框、第三個方框的按鈕設置成如下圖所示。
這樣就做好了。按F12在瀏覽器中看看效果。
10、網頁製作軟體FRONTPAGE中的網頁特效代碼！
你用記事本打開，看看代碼
與網頁設計特效代碼相關的知識
- 網頁設計中怎樣鏈接css
- 站長扣除是什麼意思
- 農機站長主要表現
- 權威的贛州網站建設
- 大客流值班站長的職責
- 二段煤氣爐站長招聘
- 表單在動態網頁設計中的作用
- 帝國cms瀑布流模板
- 網站建設功能需求有哪些
- 比較好的圖片設計網站有哪些
- cms對接網
- 簡單的網頁頁面設計用什麼軟體
- 競選廣播站長
- 傾世cms破解
- 鶴壁超限站站長
- 濟南產經報站長是什麼級別
- 網頁設計師能力
- cms是什麼牌子的點歌機
- 中國最牛逼的設計網站
- 收費站站長主要職能
- 新浪cms稿源系統指的是
- 400路終點站長鳴路
- 站長工具收入信息
- 魔方小站站長教學視頻6
- 朝宋站長爬牆
- 三毛室內設計網站
- 鐵路長沙站站長級別
- 網頁設計怎樣添加flash
- 簽名設計好網站
- 廣播站站長和大隊長
- cms是哪個監控
- 服裝設計網站哪個好
- 網站設計計劃
- 貓網頁設計
- 精通html5網頁設計
- 下一站長沙
- 路政副站長年度考核表
- 網站建設技術規范
- 自己設計旅行路線網站
- 誰有電商網站的mongodb設計
- 帝國cms變數標簽
- 河南省住房建設廳網站
- 設計裝修風格網站
- 上海高端網站建設服
- 新會邊檢站現任站長
- 福彩站長
- 帝國cms復選框
- 湖南腫瘤醫院離哪站長沙城鐵近