糖果派对官方网站_可以赌钱的糖果游戏_手机版
【bb电子糖果派对】firefox 插件制作

【bb电子糖果派对】firefox 插件制作

作者:网络编程    来源:未知    发布时间:2019-12-24 21:03    浏览量:

bb电子糖果派对 1

200行不到的代码,完成透明异形旋转窗体。
下载(25MB): 

【firefox 插件制作】

OHUIv52.0.1_3_XUL_clock.rar(25MB):_3_XUL_clock.rar间接改动目录下WebUIxul不规则clockchromecontentclock.xul就可以,按刷新开关查看效果。xp,win7,v1.9~v52下效果等同。机械钟代码都以上网抄的哈:用HTML5画布完结多少个会接触的原子钟使用html写分界面包车型大巴利润就是能够借鉴的代码生龙活虎搜一大堆。因为轻巧落成,所以都甘愿把代码show出来,因为show出来的代码多,所以开采分界面就进一步便于,进而产生良性循环。

bb电子糖果派对 2

前些天在夜幕看到人家本身做的迅雷的Firefox 2.0.0.1插件,便对Firefox的插件制作起了感兴趣。去Mozilla Developer Center上边去学学了生机勃勃晃,发掘Firefox插件的造作还真是十二分的简易。

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?> 
<?xml-stylesheet href="chrome://xulApp/skin/index.css" type="text/css"?>

<xul:window id="test-window" title="他山跨平台混合应用开发框架 V52" 
        xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        xmlns:xbl="http://www.mozilla.org/xbl"
        xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
        xmlns:svg="http://www.w3.org/2000/svg"
        xmlns:html="http://www.w3.org/1999/xhtml"
        xmlns="http://www.w3.org/1999/xhtml"
        drawintitlebar='true'
        onload='onload()' >

  <div style='background:url(../skinmp18517973_1434019011825_16.gif) no-repeat -25px 4px;height:170px;' />
  <script type="application/javascript" src="chrome://xulApp/content/js/common.js" />
  <script type="application/javascript" src="chrome://xulApp/content/js/global.js" />
  <script type="application/javascript" src="chrome://xulApp/content/js/index.js" />

 <xul:tooltip id="aHTMLTooltip" page="true"/>
    <xul:hbox flex="1">
        <xul:vbox width="2" style="background-color: grey;overflow: hidden;">
            <xul:resizer dir="topleft"  style="cursor: nw-resize;"/>
            <xul:resizer dir="left" flex="1" style="cursor: w-resize;"/>
            <xul:resizer dir="bottomleft" style="cursor: sw-resize;"/>
        </xul:vbox>
        <xul:vbox  flex="1" >
            <xul:vbox height='2px' style="background-color: grey; overflow: hidden;"><xul:resizer  dir="top"  style="cursor: n-resize;"/></xul:vbox>
            <xul:vbox flex="1">
               <xul:hbox  id='tbar'>
                    <xul:hbox class='toolbar' >
                        <xul:label id="appicon" flex='1'/>
                        <xul:label id='apptitle' >他山跨平台混合应用开发框架 V52</xul:label>
                    </xul:hbox>

                    <xul:hbox class='toolbar' flex="1"><spacer id="titlebar-spacer" flex="1"/></xul:hbox>

                    <xul:hbox class='toolbar' >
                        <xul:label id="minimize" flex='1' tooltiptext="最小化"/>
                        <xul:deck class='toolbar-split'/>
                        <xul:label id="maximize" tooltiptext="最大化"  />
                        <xul:deck class='toolbar-split'/>
                        <xul:label id="close" tooltiptext="关闭"  title="关闭" />
                    </xul:hbox>
                </xul:hbox>

<xul:hbox flex="1" style="vertical-align:middle;color:#303030;font:normal 22px 方正静蕾简体,华文行楷,楷体_GB2312,arial, tahoma, helvetica, sans-serif;font-weight:100;">

<marquee direction='up' scrolldelay='500' style='padding-left:20px;height:500px;overflow: hidden;border:0px solid green;'>
<br />
那一夜,我听了一宿梵唱,不为参悟,只为寻你的一丝气息。<br />
那一月,我转过所有经轮,不为超度,只为触摸你的指纹。<br />
那一年,我磕长头拥抱尘埃,不为朝佛,只为贴着了你的温暖。<br />
那一世,我翻遍十万大山,不为修来世,只为路中能与你相遇。<br />
那一瞬,我飞升成仙,不为长生,只为佑你平安喜乐。<br />
那一天,那一月,那一年,那一世<br />
<br /><br />

那一天<br />
闭目在经殿的香雾中<br />
蓦然听见<br /> 
你诵经的真言<br />
<br /><br />

那一月<br />
我转动所有的经筒<br />
不为超度<br />
只为触摸你的指尖<br />
<br /><br />

那一年<br />
我磕长头匍匐在山路<br />
不为觐见<br />
只为贴着你的温暖<br />
<br /><br />

那一世<br />
我转山转水转佛塔呀<br />
不为修来世<br />
只为在途中与你相见<br />
<br /><br />

天空中洁白的仙鹤<br />
请将你的双翅借我<br />
我不往远处去飞<br />
只到理塘就回<br />
<br /><br />
</marquee>
</xul:hbox>
                <xul:hbox>
                <xul:deck flex="1">
                <xul:statusbar flex="1" id="statusbar"><xul:statusbarpanel flex="1">Ready</xul:statusbarpanel></xul:statusbar>
                </xul:deck>
                </xul:hbox>   
    </xul:vbox>
            <xul:vbox height='2px' style="background-color: grey; overflow: hidden;"><xul:resizer  dir="bottom" style="cursor: s-resize;"/></xul:vbox>
        </xul:vbox>
        <xul:vbox width="2" style="background-color: grey; overflow: hidden;">
            <xul:resizer dir="topright" height="1" style="cursor: ne-resize;"/>
            <xul:resizer dir="right" flex="1" style="cursor: e-resize;"/>
            <xul:resizer dir="bottomright" height="1" style="cursor: se-resize;"/>
        </xul:vbox>
    </xul:hbox>

<script>
var oBtn;
function onload()
{
  var aWidth=800;
  var aHeight=787;

  var xOffset = (window.screen.availWidth  - aWidth)/2;
  var yOffset = (window.screen.availHeight - aHeight)/2;

  xOffset = xOffset > 0 ? xOffset : 0;
  yOffset = yOffset > 0 ? yOffset : 0;

  //align to screen
  window.resizeTo(aWidth, aHeight);
  window.moveTo(xOffset, yOffset);

  oBtn = Comm.$('minimize');
  Comm.addEvent(oBtn, 'mouseup', function(){
  window.minimize();
  });

  oBtn = Comm.$('close');
  Comm.addEvent(oBtn, 'mouseup', function(){
  window.close();
  });

     var otbar = Comm.$('tbar');

      oBtn = Comm.$('maximize');
      (function(){
      var isFullScreen=false;
      var oldX=0,oldY=0,oldWidth=0,oldHeight=0;
      function windowToScreen()
      {
          if(isFullScreen)
          {
              isFullScreen=false;
              window.moveTo(oldX, oldY);
              window.resizeTo(oldWidth, oldHeight);
          }else
          {
              isFullScreen=true;
              oldX=window.screenX;
              oldY=window.screenY;
              oldWidth=window.outerWidth;
              oldHeight=window.outerHeight;

              window.moveTo(0,0);
              window.resizeTo(window.screen.availWidth, window.screen.availHeight);
              //window.maximize();
          }
      }

      Comm.addEvent(oBtn, 'mouseup', function(e){
      windowToScreen();
      });
       Comm.addEvent(otbar, 'dblclick', function(){
       windowToScreen();
      });
    })();

    Comm.DragDropTitle(otbar);

}//onload()

</script> 

<xul:keyset>
<xul:key id="key1" modifiers="control" key="Q" oncommand="alert('你按了快捷键crtl+Q')"/>
<xul:key id="key2" modifiers="control alt" key="C" oncommand="alert('你按了快捷键crtl+alt+C')"/>
<xul:key id="key3" keycode="VK_F5" oncommand="location.reload();" />
</xul:keyset>

</xul:window>

最重要参照了

帮助html,css,js开拓右键菜单
支撑大肆节点右键菜单
支撑右键菜单在显示器率性地点弹出展现

有人问:有了HTML5,为何还要XUL,XUL不是要淘汰了啊?
XUL是周围于HTML第55中学web component的东西。但是web也好,web component也好,究竟是为网页开拓的,而接受开拓和网页不均等,在安全性,可操作性方面,应用程序有越多必要。比方读写当麻芋果件,调用系统服务,分界面上xul提供连忙键,resizer缩放控件,spilter拆分窗口,多标签页,进程条等100各个控件(参照他事他说加以考察[1]卡塔尔(英语:State of Qatar),有个别控件是足以用html完结,比方树型目录控件,可是xul提供了相近的地面外观风格,使用纯web达成,可能变成tree你要使用一个js库,table你又要使用另三个js的外观,形成分界面风格的混乱。xul提供的这一个多达100多样的常用控件,都是能够采取css,js,html举办退换。xul还提供多国语言,构造重用(Overlay卡塔尔(قطر‎等特点,方便了先后开采。因为xul开采跨平台桌面包车型地铁强有力天性,所以被firefox重度使用和凭仗,长期内是不会被淘汰,手提式无线电话机端在v57后会废弃接受XUL,但在桌面端不会。

越来越多介绍: 
参考:
[1]. XUL Reference: 

 

那三篇作品,挑小说中的一些精髓的部分,做个大致的剖析吧:

预备知识 :

1、Firefox 的分界面引擎是老大非凡的,能够用XML和Javascript来定义界面包车型大巴布局、属性、动作等。分界面包车型大巴结构XML是Firefox自定义的格式,叫做XUL ,XUL提供对分界面各个要素如:按键、菜单、工具栏等的叙说,并将依次分界面成分的动作以事件的花样邦定到Javascript. 那一点和HTML非常近乎。

2、Firefox 的插件是三个有特定目录结会谈文书的文书夹,打包成zip文件后,再重命名称叫XXX.xpi,便成了贰个插件。平日的目录文件构造如下:

extension.xpi:       

/install.rdf

/components/*

/components/cmdline.js

/defaults/

/defaults/preferences/*.js

/plugins/*

/chrome.manifest

/chrome/icons/default/*

/chrome/

/chrome/content/

Table 1

3、Chrome URIs

UHavalI从名称想到所包涵的意义了,是叁个Uniform Resource Identifiers ,也正是二个能源的地点,是Firefox搜索插件能源职分的表示情势,平常你能够在XUL文件中见到不计其数这么的讲话,如:

chrome://sample/content/sample.xul

你能够在Firefox之处栏中输入:chrome://browser/content/browser.xul,你会看出多个空的Firefox的分界面,依然满神奇的。

正式启幕:

1、创设目录构造

创办二个目录布局,如上边Table 1所示,并无需制造全数的文书和文书夹,只要成立几个必需的就能够了:

e.g. C:extensionsmyExtension

     C:extensionsmyExtensionchromecontent

     C:extensionsmyExtensioninstall.rdf

     C:extensionsmyExtensionchrome.manifest

上边的文书都以必得的

2、创设并编写install.rdf文件

<?xml version=”1.0″?>

<RDF xmlns=” xmlns:em=”;

<Description about=”urn:mozilla:install-manifest”>

<em:id>sample@foo.net</em:id>

<em:version>1.0</em:version>

<em:type>2</em:type>

<!– Target Application this extension can install into, with minimum and maximum supported versions. –>

<em:targetApplication>

<Description>

<em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>

<em:minVersion>1.5</em:minVersion>

<em:maxVersion>2.0.0.*</em:maxVersion>

</Description>

</em:targetApplication>

<!– Front End MetaData –>

<em:name>Sample!</em:name>

<em:description>A test extension</em:description>

<em:creator>Your Name Here</em:creator>

<em:homepageURL>;

</Description>

bb电子糖果派对,</RDF>

install.rdf文件是告诉Firefox要插件的音信的,当中囊括了插件的id,版本,表达,适用Firefox版本等主要音讯。

3、创立并编辑XUL文件

<?xml version=”1.0″?>

<overlay id=”sample” xmlns=”;

<statusbar id=”status-bar“>

<statusbarpanel id=”my-panel” label=”Hello, World”/>

</statusbar>

</overlay>

下一篇:没有了
友情链接: 网站地图
Copyright © 2015-2019 http://www.tk-web.com. bb电子糖果派对有限公司 版权所有