动态图片显示

2013-03-19 01:08:12 209 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

unity学习之动态显示图片欢迎来到我们的狗刨网，我们今天主要来复习一下我们学过的知识点。今天一天还是在围绕项目之间的地形，模型，关卡，分配什么的进行讨论，只是在早上学了动态显示图片。动态显示图片可以用在游戏开始之前的介绍，图片一张一张的显示变换，当介绍完游戏后，会自动跳转到游戏开始界面，这样更能增加游戏的吸引力。下面让我们一起来学习一下。阅读详情

jsp+php做一个选购T恤的网页。可以选择T恤的底色、图案和自己输入文字，其中文字也可以选择字体颜色和大小。
怎样可以实现随时观察已选择的T恤样式（底色+图案+文字）
我保存了不同底色t恤的图片，用的radio button选择



function backgroundChoice (bgColor) {

		switch (bgColor) {

          		case "White": 

            		document.getElementById("bgColor").src = "T_White.png"; 

				//document.getElementById("designP").value = "This is Design 1"; 

           			break;

		 		case "Yellow": 

            		document.getElementById("bgColor").src = "T_Yellow.png"; 

			  //    document.getElementById("designP").value = "This is Design 2"; 

           			break;

				case "Blue": 

            		document.getElementById("bgColor").src = "T_Blue.png"; 

			//	document.getElementById("designP").value = "This is Design 3"; 

           			break;

				case "Green": 

            		document.getElementById("bgColor").src = "T_Green.png"; 

			//	document.getElementById("designP").value = "This is Design 4"; 

           			break;

				case "Pink": 

            		document.getElementById("bgColor").src = "T_Pink.png"; 

			//	document.getElementById("designP").value = "This is Design 5"; 

           			break;

				case "Red": 

            		document.getElementById("bgColor").src = "T_Red.png"; 

			//	document.getElementById("designP").value = "This is Design 6"; 

           			break;

				case "Purple": 

            		document.getElementById("bgColor").src = "T_Purple.png"; 

			//	document.getElementById("designP").value = "This is Design 7"; 

           			break;

				case "Gray": 

            		document.getElementById("bgColor").src = "T_Gray.png"; 

			//	document.getElementById("designP").value = "This is Design 8"; 

           			break;

...全文

【VBA研究】显示GIF动态图片 iamlaosong文一个小需求，要求输入某个数字后显示一个鼓掌的动态图片。Excel是无法显示动态图片的，不过可以用浏览器控件显示动态图片。有两种方式，一是插入窗体，在窗体中插入浏览器控件；二是直接插入控件到工作表，然后控制其显示。下面以直接插入到工作表为例，看看如何完成。 1、点击“开发工具”选项卡下面的“插入”，弹出菜单中点击“其它”图标，在弹出窗口中选择“Microsoft We 阅读详情

right89757

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

functionsub 2013-03-19

打赏
举报

functionsub 2013-03-19

打赏
举报


<script type="text/javascript">
    var background = {};//存放背景图片
    var image = {};//存放图案
    <c:forEach items="${background}" var="s">
         background['<c:out value="${s.color}"></c:out>'] = '<c:out value="${s.imgurl}"></c:out>';
     </c:forEach>
    <c:forEach items="${image}" var="s">
         image['<c:out value="${s.color}"></c:out>'] = '<c:out value="${s.imgurl}">;</c:out>'
     </c:forEach>
     function backgroundChoice (bgColor) {//设置背景图片
          document.getElementById('bgColor').style.backgroundImage = background[bgColor];
     }
     function imageChoice (color) {//设置图案
          document.getElementById('image').src = image[color];
     }
</script>

上面的多了2个'。主要是通过JSP来把你要用到的各种背景图片以及图案都放到JS变量里，然后再写就简单了。上面写的foreach方法我就随便写写，JSP会的不多，大概就是这么个思路。

functionsub 2013-03-19

打赏
举报

可以在页面里混写JS跟JSP代码，JSP代码主要是用来给JS变量赋值，把你要用到的所有背景图片跟图案都赋值给JS变量，写法大概是这样：


<script type="text/javascript">
    var background = {};//存放背景图片
    var image = {};//存放图案
    <c:forEach items="${background}" var="s">
     	background['<c:out value="${s.color}"></c:out>'] = '<c:out value="${s.imgurl}"></c:out>''
     </c:forEach>
    <c:forEach items="${image}" var="s">
     	image['<c:out value="${s.color}"></c:out>'] = '<c:out value="${s.imgurl}"></c:out>''
     </c:forEach>
     function backgroundChoice (bgColor) {//设置背景图片
          document.getElementById('bgColor').style.backgroundImage = background[bgColor];
     }
     function imageChoice (color) {//设置图案
          document.getElementById('image').src = image[color];
     }
</script>

right89757 2013-03-19

打赏
举报

引用 4 楼 right89757 的回复:

引用 2 楼 right89757 的回复:引用楼主 right89757 的回复:jsp+php做一个选购T恤的网页。可以选择T恤的底色、图案和自己输入文字，其中文字也可以选择字体颜色和大小。怎样可以实现随时观察已选择的T恤样式（底色+图案+文字）我保存了不同底色t恤的图片，用的radio button选择JavaScript code?12345678910……

实在感谢，向您学习。

functionsub 2013-03-19

打赏
举报

JSP不好控制的吧。还是JS来控制 document.getElementById('bgColor').style.backgroundImage = 'url(T_White.png)';

right89757 2013-03-19

打赏
举报

引用 2 楼 right89757 的回复:

引用楼主 right89757 的回复:jsp+php做一个选购T恤的网页。可以选择T恤的底色、图案和自己输入文字，其中文字也可以选择字体颜色和大小。怎样可以实现随时观察已选择的T恤样式（底色+图案+文字）我保存了不同底色t恤的图片，用的radio button选择JavaScript code?123456789101112131415161718192021……

怎么切换单元格的背景呢（就是T恤的底色图片）？td有个id和background属性，然后怎么用jsp去控制他们？

function backgroundChoice (bgColor) {
		switch (bgColor) {
          		case "White": 
            		document.getElementById("bgColor").bgColor = "T_White.png"; 
				//document.getElementById("designP").value = "This is Design 1"; 
           			break;
		 		case "Yellow": 
            		document.getElementById("bgColor").bgColor = "T_Yellow.png"; 
			  //    document.getElementById("designP").value = "This is Design 2"; 
           			break;
。
。
。
。
<td style= colspan="4" rowspan="16" id="bgColor" background="T_White.png"></td>

functionsub 2013-03-19

打赏
举报

引用 2 楼 right89757 的回复:

引用楼主 right89757 的回复:jsp+php做一个选购T恤的网页。可以选择T恤的底色、图案和自己输入文字，其中文字也可以选择字体颜色和大小。怎样可以实现随时观察已选择的T恤样式（底色+图案+文字）我保存了不同底色t恤的图片，用的radio button选择JavaScript code?123456789101112131415161718192021……

是的，要达到你要的效果的话，用纯DOM实现的话只能这样了，2张图片，重叠显示，或者是一个层设置背景图片来当背景图片用，里面再放一个img来当图案用，字的话也是同理。要么用HTML5的canvas。

right89757 2013-03-19

打赏
举报

引用楼主 right89757 的回复:

jsp+php做一个选购T恤的网页。可以选择T恤的底色、图案和自己输入文字，其中文字也可以选择字体颜色和大小。怎样可以实现随时观察已选择的T恤样式（底色+图案+文字）我保存了不同底色t恤的图片，用的radio button选择JavaScript code?123456789101112131415161718192021222324252627282930313……

是的是的，就是重叠显示。难道要两个图片文件和文字重叠显示吗？

functionsub 2013-03-19

打赏
举报


var backGround = {
    White : 'T_White.png',
    Yellow : 'T_Yellow.png',
    Blue : 'T_Blue.png',
    Green : 'T_Green.png',
    Pink : 'T_Pink.png',
    Red : 'T_Red.png',
    Purple : 'T_Purple.png',
    Gray : 'T_Gray.png'
}
function backgroundChoice (bgColor) {
    document.getElementById("bgColor").src = backGround[bgColor];
}

LZ你的代码也可以实现，不过不知道你到底想表达什么意思。难道你的问题是背景跟图案重叠显示的问题么？？

动态图片显示

相关推荐