导航:首页 > 万维百科 > 网页设计特效代码
网页设计特效代码
发布时间：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复选框
- 湖南肿瘤医院离哪站长沙城铁近