magento个别页面添加css和js文件，可以将其放在个别页面的xml中，或者放在CMS的layout update中，其代码和文件存放位置如下
<reference name="head">
<action method="addCss"><stylesheet>css/mystyles.css</stylesheet></action>
//添加css mystyles.css 文件在 /skin/frontend/主题包文件夹/主题文件夹/css
<action method="addItem"><type>skin_js</type><name>js/myjs.js</name></action>
//添加js myjs.js 文件在 /skin/frontend/主题包文件夹/主题文件夹/js
<action method="removeItem"><type>js</type><name>prototype/prototype.js</name></action>
//删除js 此prototype.js文件在magento根目录的 js文件夹
</reference>
出处：http://www.hellokeykey.com/magento-add-css-js/
......
这个系列可能新手读起来比较慢，但我尽量用易懂的方式讲解，因为我曾经是初学者，我知道大家想知道什么。一张网面其实页面内容是比较重要的，图像是属于锦上添花，当然网页的排版也很重要。在CSS揭秘学习的第一站，首先要学习一下文字和文本，让大家对css有个初步的认识。
首先文字是指一种具体的字体，美术上也有这种区分，比如正楷。。什么啊等等。它们都有自已的外观。还是一个概念是文字集合是一些具有公性的文字的集合。例如:serif(衬线) sans-serif(非衬线) 和monospace(等宽). ......
在wonderfl 网站当中，有很多创意的flash 程序，呈现的视角效果能够给予很高的启发性。今天，又要继续学习flash 技术，把在哪里看到的东西记录一下，这种位图应用可以变化出很多神奇的效果。一个像素可以当作一个微小的粒子处理，我们可以采用设置像素点位置的方式，对空白的位图数据进行设置点，这些点会分布在位图上，呈现出色彩奔放的效果。
接下来，记录一下在哪里看到的程序。大部分过程都来源于哪里。仅仅改造了一些。提到粒子，我想到一个粒子模型，这个粒子模型是一个结构，暂时没有办法可以总结他出来，只是隐约有这样想法，粒子模型当中，可以包含坐标，角度，颜色值。等等设置。其他参数如下面。
//简单的粒子模型
internal class Particle
{
public var x:Number;
public var y:Number;
public var radius:Number=0;//半径
public var color:uint;//颜色
public var vr:Number;
public var angle:Number;
public function Particle()
{
}
}
这个模型当中，我们会记录他的位置，颜色，和角度。这样一来，我们把他作为一个对象那样进行创建。
我们需要随机创建每一个像素粒子。如下
private function creatSprite():void
......
生活当中很多扇形，这些扇形可以帮助我们制造很多应用。如之前当中的太极的做法，第二的方面，个人发现扇形可以制作一些动画。实现一个填充颜色的应用。做法很简单。
我们先创建一个扇形。使用API绘制扇形。
查询过相关资料，发现网上有几种的方式 实现绘制扇形，而下面这种是通过描点的方式绘制。看看里面的参数包括图形对象，半径，开始角度，结束的角度（偏移角度），颜色填充。实现方式借助三角函数来实现。
function DrawSector(g:Graphics,radius:Number,startAngle:Number,endAngle:Number,color:uint):void
{
g.lineStyle(1);
g.moveTo(0,0);
g.beginFill(color);
for (var i:int=startAngle; i<=endAngle; i++)
{
g.lineTo(radius*Math.cos(-i*Math.PI/180),radius*Math.sin(-i*Math.PI/180));
}
g.endFill();
g.lineTo(0,0);
}
这个函数并不完善，为什么这样说，因为我们在数学角度看，其实他在填充角度的时候，会有点限制。不过这个不影响我们去绘制一个扇形出来。
绘制扇形办法：
var pen:Sprite=new Sprite();
addChild(pen);
DrawSector(pen.graphics,50,0,180,0xFF8040); //按逆时针来运算。
扇形大概完成，从 ......
最新文章 :