left{float: left;width: 100px;overflow: hidden;}
left li{height: 30px;line-height: 30px;text-align: center;}
right{float: left;width: 100px;height: 400px;}
right li{display: none;color: #f00;}
</style>
<!-- 左侧li -->
<ul class="left">
<li>第1个标题</li>
<li>第2个标题</li>
<li>第3个标题</li>
<li>第4个标题</li>
</ul>
<!-- 右侧li内容 -->
<ul class="right">
<li>1左侧HTML</li>
<li>2左侧HTML</li>
<li>3左侧HTML</li>
<li>4左侧HTML</li>
</ul>
//js代码
<script type="text/javascript">
$(function(){
$("right li")eq(ind)show();
$("left li")click(function(){
var ind = $("left li")index(this);
$("right li")eq(ind)show()siblings()hide();
})
})
</script>
clear all;
I = imread('1bmp');
ColMap = reshape(I, size(I,1)size(I,2), 3);%ColMap为3列,每列分别表示rgb三个分量
[C,ia,ic] = unique(ColMap,'rows');%找到不重复的颜色值
Cnt = accumarray(ic,1);%统计每个不重复的颜色值的出现次数
ind = find(Cnt==max(Cnt));%出现次数最多的颜色值
disp(C(ind,1:3))%输出对应出现次数最多的RGB值
对应上面那个图,输出结果为: 255 255 0
即最多
data=zeros(1000,800);for i=1:1000
%假设文件名为data1txt,data2txt,data3txt,
txtname=[num2str(i+600000-1) 'txt'];
a=importdata(txtname);
b=char(atextdata);
ind=strfind(b,':');
c=str2double(b(ind+1:end));
adata=[c adata];
x=rot90(adata,2);
x(800)=0;
x=rot90(x,2);
data(i,:)=x;
end
有问题欢迎追问,,谢谢!!要用这几个转换命令,要先有不同的,读入,转换,如:
[I,map]=imread(a);%a是索引
g=ind2gray(I,map);%索引变灰度
rgb=ind2rgb(I,map);%索引变rgb
c=16;b=gray2ind(g,c);%灰度变索引,c是颜色数,可变
d=rgb2gray(rgb);%rgb变灰度全是0 1 的称之为二值图像,在Matlab中可以通过RGB2ind('图像名称')将彩色图像转化为二值图像,或者使用gray2ind将灰度图像转化为二值图像。
在二值图像中只有黑色(0)和白色(1)两种颜色构成图像。
素材的准备。为了更好的表现网站的风格和特色,具备一些更富表现力和吸引力的是必不可少的。同理,准备了一些与网页主题密切相关的,用于做为实现滚动效果的素材。
打开Dreamweaver8,新建一网页文件,并保存为名为“indexhtml"文件。
切换至代码编辑界面,输入如下代码:
<body><div id="photo-list"> <ul id="scroll">
<li><a href="#"><img src="images/1jpg" width="100px" height="100px" alt=""/></a></li>
<li><a href="#"><img src="images/2jpg" width="100px" height="100px" alt=""/></a></li>
<li><a href="#"><img src="images/3jpg" width="100px" height="100px" alt=""/></a></li>
<li><a href="#"><img src="images/4jpg" width="100px" height="100px" alt=""/></a></li>
<li><a href="#"><img src="images/5jpg" width="100px" height="100px" alt=""/></a></li>
<li><a href="#"><img src="images/6jpg" width="100px" height="100px" alt=""/></a></li> </ul> </div></body>
对应效果如图所示:
新建一CSS样式表文件,并将该文件保存到与“indexhtml”相同的目录下,文件名称为“MyStylecss"。
在新建的样式表文件"MyStylecss”文件中输入如下代码:
{ padding:0; margin:0;} /设置所有对像的内边距为0/
body { text-align:center;} /设置页面居中对齐/
#photo-list {
/ 6张的宽度(包含宽度、padding、border、间的留白)
计算:6(100+22+12+9) - 9
之所以减去9是第6张的右边留白 /
width:681px;
/ 的宽度(包含高度、padding、border)
计算:100+22+12 /
height:106px;
margin:50px auto;
overflow:hidden; /溢出部份将被隐藏/
border:1px dashed #ccc;
}
#photo-list ul { list-style:none;}
#photo-list li { float:left; padding-right:9px;}
#photo-list img { border:1px solid #ddd; background:#fff; padding:2px;}
对应文件内容如图所示:
在网页文件"indexhtml"中添加对该样式表的引用:
<link rel="stylesheet" type="text/css" href="MyStylecss">
此时网页效果如图所示:
新建一个JS文件,并将该文件另存为“MoveEffectjs"。
在”MoveEffectjs“文件中输入如下所示代码:
var id = function(el) { return documentgetElementById(el); },
c = id('photo-list');
if(c) {
var ul = id('scroll'),
lis = ulgetElementsByTagName('li'),
itemCount = lislength,
width = lis[0]offsetWidth, //获得每个img容器的宽度
marquee = function() {
cscrollLeft += 2;
if(cscrollLeft % width <= 1){ //当 cscrollLeft 和 width 相等时,把第一个img追加到最后面
ulappendChild(ulgetElementsByTagName('li')[0]);
cscrollLeft = 0;
};
},
speed = 50; //数值越大越慢
ulstylewidth = widthitemCount + 'px'; //加载完后设置容器长度
var timer = setInterval(marquee, speed);
conmouseover = function() {
clearInterval(timer);
};
conmouseout = function() {
timer = setInterval(marquee, speed);
};
};
然后在主页文件"indexhtml”中添加对该“MoveEffectjs”文件的引用。
<script type="text/javascript" src="MoveEffectjs"></script>
代码如图所示:
打开“indexhtml”网页文件,最终效果如果所示:
似乎在AI中,并没有INDD这么方便。首先这张在AI中必须是链接,而且系统默认TIF是由PS打开,在链接面板中点击右上角那个侧三角形,选择编辑原稿。它就会由PS打开了。如果链接文件是PSD倒好处理得多。在AI10。0中同样是直接按alt键+双击鼠标就可以进入编制。clear all;
clc;
str='picturename';%这个地方改成你的的名称记得加上路径
img=imread([str,'jpg']);%读图像
img=rgb2gray(img)%变成灰度图像
level = graythresh(img);
bw=im2bw(img,level);%变成二值话
[row col]=size(bw);
%完成二值化 下面是要找到分割的坐标 注意是在img 上进行分割 产生单独的保存出来 任务就完成了
%这个是分成列
result1=sum(bw,2);%对每行求和得到列向量
[val ind]=max(result1);%返回最大的和 的下标,ind 即为焊接缝隙
因为黑色是0 白色是1 所以对行求和最大的值出现的地方就是焊接的缝隙
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)