html特效
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html特效相关的知识,希望对你有一定的参考价值。
求纯html代码
请说清楚代码放在什么地方
效果:下拉菜单式,就是右边有个向下箭头的那个
背景颜色默认白色黑色浅灰深灰灰绿淡黄淡蓝
文字尺寸小号较小中号较大大号
文字颜色黑色白色绿色红色蓝色棕色
鼠标双击滚屏 滚屏速度01020304050607080910(1最快,10最慢)
有两段代码
背景颜色<select onchange="javascript:ccon.style.background=this.options[this.selectedIndex].value;" id="bjColor"><option value="#f2f6f9" selected="selected">默认</option><option value="#FFFFFF">白色</option><option value="#000000">黑色</option><option value="#EFEFEF">浅灰</option><option value="#666666">深灰</option><option value="#C2DAC2">灰绿</option><option value="#FEF9DE">淡黄</option><option value="#BBDBF9">淡蓝</option></select>
文字尺寸<select onchange="javascript:ccon.style.fontSize=this.options[this.selectedIndex].value;" id="wzSize"><option value="12px">小号</option><option value="14px" selected="selected">较小</option><option value="16px">中号</option><option value="18px">较大</option><option value="20px">大号</option></select>
文字颜色<select onchange="javascript:ccon.style.color=this.options[this.selectedIndex].value;" id="wzColor"><option value="#000000" selected="selected">黑色</option><option value="#FFFFFF">白色</option><option value="#00CC00">绿色</option><option value="#ff0000">红色</option><option value="#0000ff">蓝色</option><option value="#660000">棕色</option></select>
鼠标双击滚屏 滚屏速度<select onchange="SetScrollValue(this.value)" id="gd"><option value="1">01</option><option value="2">02</option><option value="3">03</option><option value="4">04</option><option value="5" selected="selected">05</option><option value="6">06</option><option value="7">07</option><option value="8">08</option><option value="9">09</option><option value="10">10</option></select>(1最快,10最慢)
<script>
var currentpos,timer;
function initialize()
timer=setInterval("scrollwindow()",200);
function sc()
clearInterval(timer);
function scrollwindow()
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
document.onmousedown=sc
document.ondblclick=initialize
</script>
不明白效果的可以去http://www.lcread.com/
看,随便点开一本书就行了,只要上面的设置
要求只用一个html格式文件实现效果
这代码只能做到表面上看着对,实际上没效果
我对html不了解多少,能给个框架吗?
我的框架是这样的,怎么改?
<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
XXXX
<br><br>
</body>
</html>
帮忙改下,谢谢了
整理出来个完整的
lovelyoung
好嘛,还带广告呢
别以为我什么都不知道
少了那个照样有法滚动
要求是只用HTML就能实现
2、要把文章内容放在<p id="ccon"></div>中间,并接在你那段后面;
2、再就是将这段代码放到<head></head>之间
<script language="javascript">
//保存背景颜色和字号
function setSz()
var va = document.getElementById("bjColor").value;
setCookie("bjColor", va, 30);
va = document.getElementById("wzSize").value;
setCookie("wzSize", va, 30);
va = document.getElementById("wzColor").value;
setCookie("wzColor", va, 30);
va = document.getElementById("gd").value;
setCookie("gd", va, 30);
alert("保存成功!");
return ;
//设置背景颜色和字号
function getSz()
var bjColor = getCookie('bjColor');
var wzSize = getCookie('wzSize');
var wzColor = getCookie('wzColor');
var gd = getCookie('gd');
if(bjColor != null)
document.getElementById("ccon").style.background=bjColor;
setSelect(bjColor,"bjColor");
if(wzSize != null)
document.getElementById("ccon").style.fontSize=wzSize;
setSelect(wzSize,"wzSize");
if(wzColor != null)
document.getElementById("ccon").style.color=wzColor;
setSelect(wzColor,"wzColor");
if(gd != null)
SetScrollValue(gd);
setSelect(gd,"gd");
/*
* 设置滚动速度
*/
var currentpos,timer;
var scrollValue = 100;
function SetScrollValue(value)
scrollValue = value * 20;
function initialize()
timer = window.setInterval("scrollwindow()",scrollValue);
function sc()
clearInterval(timer);
function scrollwindow()
currentpos = document.documentElement.scrollTop;
window.scroll(0,++currentpos);
window.status = currentpos;
if (currentpos != document.documentElement.scrollTop) sc();
document.ondblclick = function()
initialize();
document.onmousedown = function()
sc();
</script> 参考技术A 你可以先去【绘学霸】网站找“影视特效技术”板块的【免费】视频教程-【点击进入】完整入门到精通视频教程列表: www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=312&zdhhr-11y04r-95111796
想要系统的学习可以考虑报一个网络直播课,推荐CGWANG的网络课。老师讲得细,上完还可以回看,还有同类型录播课可以免费学(赠送终身VIP)。
自制能力相对较弱的话,建议还是去好点的培训机构,实力和规模在国内排名前几的大机构,推荐行业龙头:王氏教育。
王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】: www.cgwang.com/course/ystxcoursemobilecheck/?zdhhr-11y04r-95111796
在“影视特效技术”领域的培训机构里,【王氏教育】是国内的老大,且没有加盟分校,都是总部直营的连锁校区。跟很多其它同类型大机构不一样的是:王氏教育每个校区都是实体面授,老师是手把手教,而且有专门的班主任从早盯到晚,爆肝式的学习模式,提升会很快,特别适合基础差的学生。
大家可以先把【绘学霸】APP下载到自己手机,方便碎片时间学习——绘学霸APP下载: www.huixueba.com.cn/Scripts/download.html 参考技术B 放在<body>之间
<form>
div align="center">
<select name="select1" size="1"
onChange="javascript:window.open(this.options[this.selectedIndex].value)"
style="BACKGROUND-COLOR: #d9dcff; COLOR: rgb(0,0,128); ">
<option selected>--搜索引擎--</option>
<option value="http://www.hongen.com">洪恩在线</option>
<option value="http://www.sina.com.cn">新浪网</option>
<option value="http://www.teacher.edu.cn">中国园丁网</option>
</select>
</div>
</form>
http://www.hongen.com/pc/homepage/javascript/sample/menudown.htm
以上是关于html特效的主要内容,如果未能解决你的问题,请参考以下文章