博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
收集到的一些小例子。。。。。。
阅读量:4981 次
发布时间:2019-06-12

本文共 8860 字,大约阅读时间需要 29 分钟。

中半角空格的发现

有不少朋友问,在HTML模式下打的空格键,为什么不起作用。或者在留言板、论坛页面打的空格,也都不起作用。因为这是微软的IE浏览器人为规定的,这是一种HTML规则。

我们知道,Unicode码和ASCII码包括了所有的字库,它们和十进制编码的排列顺序也是一样的。十进制编码的HTML格式是&#数字;,例如在HTML模式下输入“我”,IE浏览就会出现“我”字。然后,我用JavaScript做了循环程序,让它从0到10万显示十进制码。
经过很长时间,终于有一天不经意发现了这个半角空格,它的十进制码是,令人兴奋的是,这个字符可以直接应用,可用于复制粘贴,而且不会被留言板像某些字符一样转化为十进制码。这个字符只占一个字节,哈哈!

这个字符没有办法用输入法打出,只有用粘贴的方法。效果如:

这就是它的演示效果。

用键盘输入的半角空格,它对应的十进制码是 ,已命名实体是 ,而我们今天要用到的这个半角空格是,可以看出它们的不同。

我曾想过,让留言板里提交的留言当中的空格全都替换为&#127;,但是我很快就打消了这个念头,比如当有朋友讨论HTML代码的时候,<a href>,假如<a 后面的空格是&#127;的话,这段HTML就不能运行了。

今天提到的这个空格,它的作用是完全替代HTML代码下的&nbsp;。请从上面的演示效果复制。最后,让我们再一次对比它们的不同吧,HTML模式下的代码:

键盘的空格:我 们 的空格:我们

在网页中显示的效果如:

我 们
我们

时实现浏览器状态栏中的滚动字幕

  在Dreamweaver 中按下F8键,在Behaviors窗口中选取Behaviors,单击“+”号,再选取“Set Text→Set Text of Status Bar”,最后在弹出的对话框中写上你想在状态栏出现的文字就可以了。

时如何在网页中加入EMAIL链接并显示预定的主题

  代码写法如下:< a href=“mailto:yourmail@xxx.xxx?Subject=你好”>Send Mail< /a>

如何在中加入书签,在页面内任意跳转

  在源代码中需要插入书签的地方输入,在调用的地方输入Top,其中的top是你设定的书签名字。在Dreamweaver中用菜单的「Insert」-「Name Anchor」命令插入书签,调用时,在Link中输入#top,top为书签名。

  如果要在多个页面之间任意跳转,方法与上面类似,不过做链接时要在书签名前加上网页文件名,如:other.htm#top,这样一来就会跳转到other.htm页面中的top书签处。

如何为设置背景音乐

代码:< EMBED src=“music.mid”autostart=“true”loop=“2”width=“80”height=“30”>
src:音乐文件的路径及文件名;
autostart:true为音乐文件上传完后自动开始播放,默认为false(否)
loop:true为无限次重播,false为不重播,某一具体值(整数)为重播多少次
volume:取值范围为“0-100”,设置音量,默认为系统本身的音量
starttime:“分:秒”,设置歌曲开始播放的时间,如,starttime=“00:10”,从第10开始播放
endtime: “分:秒”,设置歌曲结束播放的时间
width:控制面板的宽
height:控制面板的高
controls:控制面板的外观
controls=“console/smallconsole/playbutton/pausebutton/stopbutton/volumelever”

·console:正常大小的面板

·smallconsole:较小的面板
·playbutton:显示播放按钮
·pausebutton:显示暂停按钮
·stopbutton:显示停止按钮
·volumelever:显示音量调节按钮

hidden:为true时可以隐藏面板

中如何改变浏览者的鼠标形状

  这是通过编辑样式表来实现的。具体方法是:选择“文字(text)->定制样式(CSS Style)->编辑样式表(Edit Style Sheet)”,弹出编辑样式表窗口,在其中选择“新建(new)”。接着选择“建立一个定制的样式(Make custom style),给这个样式表起名,单击确定。编辑该样式表,选择扩展项(extension),在右边的光标项(Cursor)中选择要出现的指针效果即可。

:最经典的下拉菜单

  说起网页上的下拉菜单,最最经典的就是微软风格的下拉菜单。凡是去过www.microsoft.com网站的看官都对这个简洁明快的下拉菜单垂涎不已。然而无奈的是复杂的代码让人望而生畏,记得论坛上经常有人询问这种菜单怎么做。现在我们就来介绍这个菜单如何制作。第一种方法我们使用smartmenu。他可以制作一个始终浮动在屏幕顶端的下拉菜单。

第1步:将下列代码复制到网页的标签之间:

<style>

<!--
all.clsMenuItemNS{font: bold x-small Verdana; color: white; text-decoration: none;}
.clsMenuItemIE{text-decoration: none; font: bold xx-small Verdana; color: white; cursor: hand;}
A:hover {color: red;}
-->
</style>

第2步:将下面的代码复制到<body>标签的右边,位置紧挨着<body>标签:

<script language="JavaScript" src="menu.js">

/*
Static Top Menu Script
By Constantin Kuznetsov Jr. (GoldenFox@bigfoot.com)
Featured on Dynamicdrive.com
For full source code and installation instructions to this script, visit Dynamicdrive.com
*/
</script>
<script language="JavaScript" src="menucontext.js"></script>
<script language="JavaScript">
showToolbar();
</script>
<script language="JavaScript">
function UpdateIt(){
if (document.all){
document.all["MainTable"].style.top = document.body.scrollTop;
setTimeout("UpdateIt()", 200);
}
}
UpdateIt();
</script>

第3步:添加菜单的内容。编辑menucontext.js文件,所有的菜单选项都在这里设置。默认的menucontext.js里面的内容,比较复杂我现在把代码精简出来。给大家做一个说明。整个代码如下:

function showToolbar()

{
// AddItem(id, text, hint, location, alternativeLocation);
// AddSubItem(idParent, text, hint, location);
//主菜单定义
menu = new Menu();
menu.addItem("multimedia", "多媒体", "多媒体软件", null, null);
menu.addItem("image", "图像处理", "图像处理软件", null, null);

//多媒体子菜单定义
menu.addSubItem("multimedia", "Macromedia公司", "Macromedia公司", "http://www.macromedia.com");
menu.addSubItem("multimedia", "5D多媒体", "5D多媒体", "http://www.5dmedia.com");

//图像处理子菜单定义

menu.addSubItem("image", "Adobe公司", "Adobe公司", "http://www.adobe.com");
menu.addSubItem("image", "Corel公司", "Corel公司", "http://www.corel.com");
menu.addSubItem("image", "Metacreation公司", "Metacreation公司", "http://www.metacreations.com");

//结束菜单定义
menu.showMenu();
}

  上面的例子中制作的是一个有两个主菜单的菜单。一个主菜单为多媒体,一个主菜单为图像处理。主要靠两个命令来制作Additem为添加主菜单项目。格式为AddItem(菜单标记, 文本说明, 文本提示, 位置,替换位置)。AddSubItem为添加子菜单项目,idparent为主菜单的菜单标记,其余同前。

  第4步:上传菜单文件。将 menu.js和menucontext.js文件上传到和网页文件同一目录下。这样就完成了所有的操作。

压缩软件让你的网页缩水

  你是否总为自己的网页太大而苦恼不已,想尽一切办法为它减肥呢,本来漂亮的图片被压的惨不忍睹,各种Java特效不敢用,Flash也不敢多用,但还有没有其他方法压缩网页呢?

  其实你有没有想过Html文件本身也是可以压缩的,因为Html文档中有很多无用的字节,不要小看这些字节,当他们集少成多的时候,网页也会跟着变大不小。所以今次我们会跟大家介绍一些Html压缩软件。

  Advanced HTML Optimizer

  这是一个高级的HTML优化程序,经过它优化后的HTML文件可以将缩小20%甚至更多,这样就可以节省不少下载/上载时间。经过处理后的页面在浏览器中的效果和未压缩前的效果并无差别。另外处理后的页面还实现了简单的加密!另外ASP文件也同样可以经过它的压缩,只不过优化后的文件编辑起来变得困难。

  首先在goEway里将软件下载到自己的硬盘上,解压安装后打开。

  打开Opions,先对各项优化选项进行设置

  有四个选项,分别是General(常规),Optimization(优化),Advanced(高级选项),Backup(备份)。常规和高级选项基本上不用自己再去设制,按照默认的选项就可以了。值得留意的是在优化选项中,左右两个窗口分别是移去标签和对标签之间不进行压缩。正因为有了右边的这个选项,当你在<script>..</script>等选项边打了勾后,软件进行压缩时将不会对改变这部分语句。所以本软件不会像其他某些同类型软件一样造成压缩后的网页变形,或者造成HTML语法上的错误,使一些Javascirpt程序无法运行。

中特效文字的快速制作软件

  对于网页制作者或者从事平面设计的初级用户来讲,使用Photoshop等专门工具制作特效文字是需要花费时间的,而通常我们可能只需要一些简单的特效字,那么有没有简单快速的方法呢?相信您看了下面的介绍就会发现,原来制作特效文字是非常简单的,即使没有专业的工具也没受过专门培训,同样可以快速地制作出专业效果的特效字。

  FontTwister是一个非常小巧的工具,只有1MB多一点。但是软件提供的特效字制作功能却非常强大,对特效文字的显示速度和显示效果也很好。在制作标题文字方面效果也非常好。而且软件的用法相当简单。如果你对特效文字的制作没有特殊要求,使用这个工具是完全适用的。对于特效字制作,FontTwister采用的是套用软件提供的现成模板文件,用户可以根据软件自带的模板文件,进行后期的编辑和修改,使之成为自己需要的文字结果档案。

  不过FontTwister是共享软件,软件提供有使用限制的试用版本。如果没有注册,生成的文件中会有“Trail version”字样,这样会影响到输出效果图。如果想要做出完美的特效文字,就得去注册了。该工具提供了良好的Internet支持,在软件的官方网站点http://www.neuber.com/twister提供了多种模板文件下载,通过模板文件就可以轻松创建出各种特效文字了。

  文件大小:1.32MB  

  软件性质:共享软件
  下载地址:http://www.neuber.com/twister

<?xml version="1.0" encoding="utf-8"?>

<!-- deeplinking/UpdateURLExample.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="vertical"
    historyManagementEnabled="false"
    creationComplete="init();"
>  
    <mx:Script>
    <![CDATA[
        import mx.events.BrowserChangeEvent;
        import mx.managers.IBrowserManager;
        import mx.managers.BrowserManager;
        import mx.utils.URLUtil;
        private var browserManager:IBrowserManager;
        private function init():void {
            browserManager = BrowserManager.getInstance();
            browserManager.addEventListener(BrowserChangeEvent.APPLICATION_URL_CHANGE,
                logURLChange);
            browserManager.init("", "Welcome!");
        }
        public function updateTitle(e:Event):void {
            browserManager.setTitle("Welcome " + ti1.text + " from " + ti2.text + "!");
        }
        private function updateURL(event:Event):void {
            var s:String = "panel=" + event.currentTarget.selectedIndex;
            browserManager.setFragment(s);
        }
        private function logURLChange(event:BrowserChangeEvent):void {
            ta1.text += "APPLICATION_URL_CHANGE event:\n";
            ta1.text += " url: " + event.url + "\n"; // Current URL in the browser.
            ta1.text += " prev: " + event.lastURL + "\n"; // Previous URL.
        }
    ]]>
    </mx:Script>
    <mx:TabNavigator id="tn" width="300" change="updateURL(event)">
            <mx:Panel label="Personal Data">
                <mx:Form>
                    <mx:FormItem label="Name:">
                        <mx:TextInput id="ti1"/>
                    </mx:FormItem>
                    <mx:FormItem label="Hometown:">
                        <mx:TextInput id="ti2"/>
                    </mx:FormItem>
                    <mx:Button id="b1" click="updateTitle(event)" label="Submit"/>
                </mx:Form>
            </mx:Panel>
            <mx:Panel label="Credit Card Info">
                <mx:Form>
                    <mx:FormItem label="Type:">
                        <mx:ComboBox>
                        <mx:dataProvider>
                            <mx:String>Visa</mx:String>
                            <mx:String>MasterCard</mx:String>
                            <mx:String>American Express</mx:String>
                        </mx:dataProvider>
                        </mx:ComboBox>
                    </mx:FormItem>
                    <mx:FormItem label="Number:">
                        <mx:TextInput id="ccnumber"/>
                    </mx:FormItem>
                </mx:Form>
            </mx:Panel>
            <mx:Panel label="Check Out">
                <mx:TextArea id="ta2" text="You must agree to all the following conditions..."/>
                <mx:CheckBox label="Agree"/>
            </mx:Panel>           
    </mx:TabNavigator>
    <mx:TextArea id="ta1" width="580" height="400"/>
运行一下就明白了。
</mx:Application>

[教程] 布你的源文件(release your class resource)-Flex

2009-10-28 13:22

发布你的资源文件(release your class resource)-Flex篇

中在实际中主要用于发布美工swf素材资源,发布swc是有缺陷的,就是会把文档类(就算你在时间轴写代码也会自动生成一个)也囊括进去,代码库会不够纯粹
发布swc还是看flex的
开启你的Flex(以Flex3 beta2为准),新建一个Flex Libary Project
这里跟生成一个flex或者as project都是差不多的
Next:
Main Source Folder就填写src,用于存放资源代码文件(通用做法)
Classes区目前还是没有东西的
Assets是资源设定,设定哪些资源囊括进去哪些不囊括
Source Path跟Libary Path都跟Flex的一样,要用到就设置下
在src文件夹下建立org/as3cn/MagicianzrhCodeLib/文件夹就ok啦(大家自己建自己的类库吧)
新建一个Actionscript Class
package org.as3cn.MagicianzrhCodeLib
{
public class FlexSWC
{
       public function FlexSWC(){
         trace("I think you should try the public function 'testTrace'");
       }
  
       public function testTrace():void {
         trace("I think it's ok now");
       }
}
}
只要一保存,默认会Build Project下,看看你的bin文件夹是不是多了个swc--就是它啦
因为我自己FDT+Flex一起的,所以我的没有设置为Built Project Automatically,那就在菜单Project中Build下就ok了
到这一步,这个类库就生成好了,可以拿去用,如果有FDT的,只要在一个FDT项目添加这个swc查看下就ok了,跟Flash创建的swc比就是少了文档类
好了,现在查看下项目属性Property
Flex Library Build Path:
现在Classes就有东西啦,其实这里就是选中你要Build哪些as文件
Flex Library Compiler:这里设定编译属性,比较爽的,具体编译指令还得查看下帮助文档,还好跟Flex2的差不多,其实我也不知道Flex3的加了哪些,大家知道告诉下我啦
如果想编译成swf,那还用as project就可以了
当然你可以用命令行
官网上说:
开始菜单中程序中知道Adobe的Adobe Flex3 SDK Command Prompt
用mxmlc命令
如下
mxmlc path_to_project\src\your document class.as -output path_to_project\bin\yourSwfName.swf
就ok啦
就像编译java一样,要加命令也可以再这里加的
可以发现,现在的Flash就是为Flex提供美工素材的,swf方便下载,载入在把文档类调入当前域,swc用于代码输出和管理

转载于:https://www.cnblogs.com/liuzhong/archive/2011/07/01/2095515.html

你可能感兴趣的文章
用JAVA编写浏览器内核之实现javascript的document对象与内置方法
查看>>
centos iptables
查看>>
寻找二叉查找树中比指定值小的所有节点中最大的那个节点
查看>>
如何设置输入框达到只读效果
查看>>
RT3070 USB WIFI 在连接socket编程过程中问题总结
查看>>
MIS外汇平台荣获“2013年全球最佳STP外汇交易商”
查看>>
LeetCode 题解之Add Digits
查看>>
hdu1502 , Regular Words, dp,高精度加法
查看>>
SpringBoot在idea中的热部署配置
查看>>
MyEclipse连接SQL Server 2008数据库的操作方法
查看>>
JS验证图片格式和大小并预览
查看>>
laravel5.2 移植到新服务器上除了“/”路由 ,其它路由对应的页面显示报404错误(Object not found!)———新装的LAMP没有加载Rewrite模块...
查看>>
编写高质量代码--改善python程序的建议(六)
查看>>
windows xp 中的administrator帐户不在用户登录内怎么解决?
查看>>
接口和抽象类有什么区别
查看>>
Codeforces Round #206 (Div. 2)
查看>>
**p
查看>>
优先队列详解
查看>>
VS2012 创建项目失败,,提示为找到约束。。。。
查看>>
设计类图
查看>>