DW 简单效果代码整理
我是初网页设计的菜鸟,在学习过程中遇到了很多问题需要解决,在解决的过程中也积累了一些基本的东东,其中也得到了很多热心朋友的帮助和指教,所以我将我知道的一点知识也拿出来和大家分享,希望对超级菜鸟们有所帮助.
1.滚动图片代码:
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style> <div align='center' id='dem' style='overflow:hidden;height:100px;width:591px;'><!--滚动区的高度和宽度-->
<table width="704" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td id="dem1" >
<table width="950" align="center" border="0" cellpadding="0" cellspacing="0">
<tr><td height="10"></td></tr>
<tr>
<td>
<img src="file:///F|/www.fixhome.cn/img/px-1.jpg" width="150" height="100"> <img src="file:///F|/www.fixhome.cn/img/px-2.jpg" width="150" height="100"> <img src="file:///F|/www.fixhome.cn/img/px-4.jpg" width="150" height="100"><img src="file:///F|/www.fixhome.cn/img/px-3.jpg" width="150" height="100"> <img src="file:///F|/www.fixhome.cn/img/px-5.jpg" width="150" height="100"> <img src="file:///F|/www.fixhome.cn/img/px-6.jpg" width="150" height="100"> </td>
</tr></table>
<td id="dem2"></td>
</tr></table>
</div>
<script>
var Picspeed=15
dem2.innerHTML=dem1.innerHTML
function Marquee1(){
if(dem2.offsetWidth-dem.scrollLeft<=0)
dem.scrollLeft-=dem1.offsetWidth
else{
dem.scrollLeft++
}
}
var MyMar1=setInterval(Marquee1,Picspeed)
dem.οnmοuseοver=function() {clearInterval(MyMar1)}
dem.οnmοuseοut=function() {MyMar1=setInterval(Marquee1,Picspeed)}
</script>
2.滚动文字代码:
<marquee direction="up" height="108" scrolldelay="200">
<table width="249" height="108" border="0" cellpadding="0" cellspacing="0" οnmοuseοver=stop() οnmοuseοut=start() >
<tr>
<td width="306" height="21" valign="top"> ·<a href="#" class="sty">2006逻辑故障部分用户免费服务</a></td>
</tr>
<tr>
<td height="18" valign="top"> ·<a href="#" class="sty">免费体检一体计算机故障</a> </td>
</tr>
<tr>
<td height="18" valign="top"> ·<a href="#" class="sty">物理开盘规定不得超过3000元</a> </td>
</tr>
<tr>
<td height="20" valign="top"> ·<a href="#" class="sty">raid阵列有望超低价服务</a> </td>
</tr>
<tr>
<td height="19" valign="top"> ·<a href="#" class="sty">保密方式服务</a></td>
</tr>
</table>
</marquee>
1.向左滚动代码:
<marquee scrollAmount=2 width=300>你想滚动什么</marquee>
2.图片滚动代码:
<marquee scrollAmount=2 width=300><IMG src="http://yuyuflower.52blog.net/user1/22713/upload/20058308120.gif" border=0></marquee>
3.滚动字幕连接代码:
<marquee scrollAmount=2 width=300><a href=http://yingling21.52blog.net/user1/26852/index.shtml>消失部落</a></marquee>
点击消失部落就可以进入了
4.鼠标停留在文字上,文字停止滚动
<marquee scrollAmount=2 width=300 οnmοuseοver=stop() οnmοuseοut=start()>文字内容</marquee>
5.多行文本向上滚动:
<marquee scrollAmount=2 width=300 height=160 direction=up>我不在乎有满身的伤口<br>在乎的只是你一句话<br>为什么你都不能回答我呢?<p>·<a href=http://yingling21.52blog.net/user1/26852/index.shtml>消失部落</a></marquee>
6.文字滚动自动停留,滚动的代码
<DIV style="FILTER: glow(color=#97694F ,strength=16); COLOR: #000000; HEIGHT: 10px"><FONT size=2>
<MARQUEE style="WIDTH: 213px; HEIGHT: 120px" scrollAmount=1 scrollDelay=1 direction=up width=213 height=120>
<P align=left>公 告 : <BR><BR>本 blog 的 文 章 <BR><BR>纯 属 原 创 <BR><BR>未 经 本 人 许 可 <BR><BR>不 得 擅 自 转 载 <BR><BR></P></FONT></MARQUEE></FONT></DIV>
具体操作如下所示:
控制面板----个人首页维护----自定义空白面板----新增----钩显示源代码----粘贴音乐代码----去掉钩----保存
如果是新增的面板可以再接着点----左上角的 定制我的首页----添加模块----钩选----选取----保存
提示:
1) 公告内容可以根据自己的想法改,在代码中改,字的中间可以加空格,每一个<BR>是一个单元。
2) scrollAmount=1 scrollDelay=1可以设置数值,也就是滚动速度,数值越大滚动越快。
3) direction=是滚动的方向,up=上,down=下,left=左,right=右,都可以自定义,愿意怎么滚动就怎么滚动。
4) width= 宽度,height= 高度 可以更改,
自己多试试 祝好运!
3.加页面程序代码:
<!--#include file="内容"-->
4.新窗口打开代码:
<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
<!--
function window_onload() {
<!--Page.OnLoad-->
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</SCRIPT>
<A οnclick="MM_openBrWindow('001.htm','','width=450,height=440')"
href="javascript:;"><font color="#FF9900">豪华套间</font></A>
5.虚线代码:
#0080C0<td style="BORDER-bottom: #999999 1px dotted"> </td>
6. 表单提交后的连接问题:
<form name="form1" method="post" action="转向路径">
//需提交内容的控件
<input type="submit" name="Submit" value="提交">//提交按钮
</form>
代码设字体颜色:<font color="#993300"></font>
7.滚动条代码:
<style type="text/css">
body {SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色)
SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色)
SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色)
SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色)
SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色)
SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48}
或者---直接放页面里
<style type="text/css">
html, body {
scrollbar-3dlight-color: #7f99a8;(立体滚动条左侧边框的颜色)
scrollbar-arrow-color: #666666;(上下按钮上三角箭头的颜色)
scrollbar-base-color: #333333; (滚动条的基本颜色)
scrollbar-darkshadow-color: #b4fc48;(立体滚动条右侧边框的颜色)
scrollbar-face-color: #3333FF;(立体滚动条凸出部分的颜色)
scrollbar-highlight-color: #505050;(立体滚动条左侧边框的颜色)
scrollbar-shadow-color: #fc2400;(立体滚动条右侧阴影的颜色)
scrollbar-track-color: #ffffff;(滚动条空白部分的颜色)
}
8.如何让层位于flash对象之上
<param name="wmode" value="transparent"> FLASH将透明
<param name="wmode" value="Opaque"> FLASH仍将保持不透明
</style>
</style>
9.添加到收藏夹:
你把
function SetHomePage(obj,url){
obj.style.behavior='url(#default#homepage)';
obj.setHomePage(url);
}
function AddFav(url,sitename){
window.external.addfavorite(url,sitename);
}
保存到一个script.js
在页面写上调用的代码
<script type="text/javascript" src="script.js"></script>
Formater 18:02:13
<a href="#" οnclick="javascript:AddFav('http://www.xxxx.com','www.xxx.com')">收藏本页 </a>
<a href="#" οnclick="javascript:SetHomePage(this,'http://www.xx.com')">设为主页</a>
出现错误的原因一般是:<script type="text/javascript" src="script.js"></script> 最好加在<head></head>之间
你传上去就可以了
本地看你用<script type="text/javascript" src="../script.js"></script>
传上去就用<script type="text/javascript" src="/html/script.js"></script> (凡是到2级目录里的网页要用/html/
)
10、在弹出窗口中加上一个关闭按钮
<FORM>
<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'>
</FORM>
呵呵,现在更加完美了!
转载于:https://www.cnblogs.com/freedom831215/archive/2009/10/03/1577477.html
DW 简单效果代码整理相关推荐
- html滚动效果代码,javascript 实现滚动效果代码整理
1.先写两个最常用最简洁的滚动代码 代码如下: 水平滚动: 水平滚动字幕内容 垂直滚动: 垂直滚动字内容 2.平稳不间断滚动 var tm=null function newsScroll() { v ...
- dw 快速html注释,笔记整理1-HTML基础知识与DW简单使用-工具-站长头条
笔记整理1 -- HTML基础知识与DW简单使用 笔记整理1 -- HTML基础知识与DW简单使用 概念 客户端和服务器端 文件名.基本名.扩展名 资源文件和站点 什么是HTML 关于W3C W3C的 ...
- dw边框弧度设置_笔记整理1 -- HTML基础知识与DW简单使用
笔记整理1 -- HTML基础知识与DW简单使用 笔记整理1 -- HTML基础知识与DW简单使用 概念 客户端和服务器端 文件名.基本名.扩展名 资源文件和站点 什么是HTML 关于W3C W3C的 ...
- html语言需要dw吗,HTML笔记整理1 -- HTML基础知识与DW简单使用
HTML笔记整理1 -- HTML基础知识与DW简单使用概念客户端和服务器端文件名.基本名.扩展名资源文件和站点什么是HTML关于W3CW3C的规范网站与网页基本概念网页的制作网页的基本框架通过记事本 ...
- jsp网页嵌入PHP网页,JSP_(jsp/html)网页上嵌入播放器(常用播放器代码整理),这个其实很简单,只要在HTML上 - phpStudy...
(jsp/html)网页上嵌入播放器(常用播放器代码整理) 这个其实很简单,只要在HTML上添加以上代码就OK了,前提是你的电脑上已经安装了播放器,如RealPlay. 还有更多的的播放器和设置可供选 ...
- php轮播代码生成器,最简单的Banner轮播左右切换效果代码及实现思路(附带源码)...
Banner轮播左右切换效果代码及实现思路,支持左右切换图片,支持点击选择对应的图片.实现思路通过定时器去自动选图和点击触发事件去选择图片.而图片的选择是通过计算对应图片的宽度和第几张图的距离进行动画 ...
- libsvm回归参数寻优cgp_【lightgbm/xgboost/nn代码整理二】xgboost做二分类,多分类以及回归任务...
1.简介 该部分是代码整理的第二部分,为了方便一些初学者调试代码,作者已将该部分代码打包成一个工程文件,包含简单的数据处理.xgboost配置.五折交叉训练和模型特征重要性打印四个部分.数据处理部分参 ...
- dll放在unity哪个文件夹下_程序丨如何将你的Unity代码整理到一个DLL中?
原标题:程序丨如何将你的Unity代码整理到一个DLL中? 翻译:林政(玄猫大人) 审校:沈晓霖 代码复用的重要性 这里有一则故事也是你听过类似的: 你下载好Unity,看完Youtube上的一些教程 ...
- html怎么制作3D字体,用CSS3制作3D文字效果代码实例教程
这个简单的CSS文本阴影教程将一步步教你如何通过堆叠多层阴影来创建3D文字,然后进一步利用CSS3的transform和transition属性来实现鼠标移过字体放大的效果. 阿里西西web开发网为大 ...
最新文章
- [转]Android PorterDuff.Mode效果
- linux系统找回数据,Linux系统上面误删的数据找回
- Tomcat源码学习(7)-How Tomcat works(转)
- 使用yum更新时不升级Linux内核的方法
- 低成本DIY视频预览遥控小车
- Beta版本测试报告
- ajax荷马史诗,荷马史诗(8)
- Cloud一分钟 |百度遭北京信管局行政处罚;双11计算能力超100万核;腾讯回应高管被抓系谣言...
- jprofiler安装与使用
- 星期、月份、序号和日期_10
- 在python中可以使用if作为变量名_变量,注释,缩进,细数Python优雅风 | Python基础连载(二)...
- 解决努比亚 Z11 mini S 刷机导致 wifi 蓝牙失效的办法
- 全国计算机缴费时间江苏,2018年3月江苏全国计算机等级考试报名时间
- 电脑鸿蒙系统怎么连接无线网络,手提电脑怎样连接WiFi?
- 清明节全国哀悼,那么网站全部变灰是怎么实现的?
- Android网络编程(八) 之 HttpURLConnection原理分析
- IT人必须掌握的面试技巧
- sketch 如何实现图片image圆角 头像圆角
- 李建忠设计模式之“组件协作”模式
- 家装数字化的旧命题,每平每屋的新答案
热门文章
- 2021高考成绩位次查询,【更新】2021全国各省市高考预测分数线出炉,这样可以估算你在全省位次...
- XiaoHu日志 7/29~8/9
- Datacamp 笔记代码 Supervised Learning with scikit-learn 第四章 Preprocessing and pipelines
- eclipse快捷键及各种设置
- abaqus script提取应力应变位移 odb学习 addData
- 未成年人能否独乘网约车引热议
- 攻防世界MISC之掀桌子
- 显卡超频稳定测试软件,显卡超频稳定性测试终极手段
- linux 搭建 gitlab 私人服务器
- import scipy.io as sio报错:ImportError: /usr/lib/x86_64-linux-gnu/libstdc++.so.6: version `GLIBCXX_3.4