⑴ 我要在web页面中实现一个这样的树形结构效果 +XX集团 +XX公司 XX部门
使用jquery，有很多树形的插件，导进去就可以用。
⑵ web app 页面切换特效怎样实现
使用jQuery Mobile开发Web App-页面切换动画 android
jQuery Mobile包含一组基于CSS3的过渡动画（又称转场效果），可以应用在任何页面或page组件切换。jQuery Mobile默认对页面切换和返回按钮设置了滑动（slide）效果。
要设定一个特定过渡效果，只需要在链接上添加一个data-transition属性，可以使用以下属性值：
<a data-transition="pop">I'll pop</a>
jQuery Mobile提供了6种切换动画：slide(滑动)、slideup(向上滑动)、slidedown(向下滑动)、pop(抛出)、fade(淡入淡出)和flip(3D翻转)。动画效果见这里。
注意：flip效果在大多数android浏览器上不能被正确渲染，因为缺少对3d css transform的支持。不幸的是android并没有忽略flip效果，而是使用水平翻转来替代。所以建议在android完美支持之前谨慎使用flip效果。
此外，你可以使用data-direction=”reverse”来设定反向的过渡效果，比如对slide效果（从右往左）使用data-direction=”reverse”则会变成从左往右，对pop效果（从小到大抛出）使用data-direction=”reverse”则会变成从大到小消失。
今天老总跟我们聊天，说了很多技术的东西，有很多关于线程和内存的内容，凭我现在的水平，不理解其说的内容，以后要在这方面多加注意些，注重性能优化。
在软件行业，要实时跟上软件发展的进程。老总有个比喻，是这样的。菜市场每天都有很多新鲜的菜进入，如果你抱着一捆不新鲜的菜来买，即使你人缘再好，老主顾也会离你而去，更别说其他。
⑶ web前端开发中如何封装常用页面效果
这个一般都是不需要自己封装的。
首先的一般大点的企业都有自己的插件库
小点的企业可以在网上找到相应的东西，自己封装耗时耗力，还不好看
⑷ WEB页面动图做背景，需要做UI效果图
该网站的背景全部放在一个gif图片里
而页面中却能分别使用这个gif图片中的某一部分作为页面某一部分的背景
现在在原网页中能无误的现实出来但是在我自己弄的网页中却显示不出来路径没有问题
一段css代码如下：
.page-nav {
background-image:url(/images/bg.gif);
background-position: left bottom;
height: 33px;
}
⑸ web网页设计和web前端有什么区别
设计就是呈现的过程，前端设计是通过色彩/构图/等元素赋予页面性格和特点，前端也是展现，通过色彩先抓住自己的目标人群，通过设计表现自己。
当然这仅仅是是web前端设计的一部分而已，这被成为-界面设计。WEB前端设计实际上是网页制作 ，经过web1.0进入web2.0之后网站的前端由此发生了翻天覆地的变化，网页不再只是承载单一的文字和图片,它除了设计还要掌握开发技术，如：HTML、CSS和JavaScript等。
网页制作
网页制作是Web 1.0时代的产物，产生在2005年左右。那个时候的网页主要是静态页面。
静态页面就是能使用户浏览网页但不能与服务器进行数据交互。例如，发布一篇文章，用户只能浏览这个文章的图片或文字，却不能在网页上发布评论。
可能一些人听说过“网页三剑客”，这个组合就是Web 1.0时代的网站开发工具。网页三剑客指的是“Dreamweaver、Fireworks、Flash”3款软件。
前端开发
现在的“前端开发”是从“网页制作”演变而来的。互联网于十多年前进入了Web 2.0时代，在Web 2.0时代，网页分为两种：“静态页面”，“动态页面”。
静态页面与前文“网页制作”所描述的相同。
动态页面就是在静态网页中添加与服务器的交互功能。例如，某一天，小蓝有点难受打算看个小视频缓解一下，他打开了一个存储多年的网站，网站需要账号和密码，小蓝输入了自己的账号和密码，然后登录。这个时候网站后台服务器就会对这个账号和密码进行验证，成功后才可以登录。
Web 2.0时代，如果仅使用“网页三剑客”来做开发，是不能满足大量数据交互开发需求的。现在的“页面开发”，更接近传统的网站后台开发。因此，不再叫“网页制作”，而是叫“前端开发”。
⑹ 请问移动web页面中左右滑动切换图片的效果怎么做的啊有教程吗
那个跟pc端的差不多。 最好少用，移动端上面用的话，不太好用，毕竟屏幕只有那么大
⑺ web的表现形式是什么
web本意是蜘蛛网和网的意思。现广泛译作网络、互联网等技术领域。表现为三种形式，即超文本（hypertext）、超媒体（hypermedia）、超文本传输协议（HTTP）而网页(web page)，是网站中的页面，通常是HTML格式（文件扩展名为。html或。htm或。asp或。aspx或。php或。jsp等）。网页通常用图像档来提供图画。网页要使用网页浏览器来阅读。 如果要用web页和网页来比较的话，网页应该属于被包含的关系
Web前端现在越来越受重视；随着鼓励大家发展“互联网+”，以及现在的用户对网站页面效果要求变高，使得web前端工程师的价值大大提升。而且，现在的公司、企业对自身官网看 的特别重，认为这是公司、企业的第二个大门。这使得那些有技术、有实力、有想法的web前端工程师深入企业、公司的喜爱。也让许多年轻人开始学习web前 端的知识，并加入到其中。
Web前端占据产品前端至关重要的位置；就目前web产品来说，交互越来越复杂，用户使用体验和网站前端性能优化这些都得靠web前端工程师去做web前端工程师是设计加开发的综合 体，web前端工程师是在开发人员中最直接面向产品，面向用户的设计人员，一个开发团队的成果是要靠web前端工程师去展现，因为用户不会去关心后台的处 理有多么强大；在设计人员中web前端工程师是直接面向开发人员的设计人员，向开发人员以一种计算机语言的方式传递其设计理念，web前端工程师在整个团 队中是很关键的
⑻ 如何设置web背景渐变效果
网页产生渐变效果不一定非要什么FLASH其实原理非常简单，META标签中就带有动态滤镜的功能。本站的这种效果其实就是用了meta标签而没有做其他任何修改。
你可以把以下这两段加到你的HTML的META头中，再看看效果：-）
<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
blendTrans其实就是一种动态滤镜效果，当然还有其他的方法也可以产生这种动态滤镜效果
<Meta http-equiv="Page-Enter" Content="revealTrans(ration=x, transition=y)">
<Meta http-equiv="Page-Exit" Content="revealTrans(ration=x, transition=y)">
Duration表示滤镜特效的持续时间(单位：秒)
Transition滤镜类型。表示使用哪种特效，取值为0-23。
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23 以上22种随机选择一种
Tags: 资料存档, 有意思
⑼ WEB页面用js实现仿iPhone按钮的开启与关闭效果
创造一个DIV。如果您已有DIV使用圆角,只要给这个DIV一个id就可以.
===代码:
< DIV id="myDiv"></DIV >
------------------------------C
最后我们需要添加一段javascript来预载。在您的网页的顶头部分增加以下代码:
以下是引用片段：
<script type="text/javascript">
window.onload = function()
{
settings = {
tl: { radius: 20 },
tr: { radius: 20 },
bl: { radius: 20 },
br: { radius: 20 },
antiAlias: true,
autoPad: false
}
var divObj = document.getElementById("myDiv");
var cornersObj = new curvyCorners(settings, divObj);
cornersObj.applyCornersToAll();
}
</script>
======== 其中,radius表示半径,数值越大,圆角就越大.
------------------------------------D
现在可以运行了.呵呵
-----------------------------------PS:
*********如果你想搞成奇形怪状的圆角,你可以设置每个角都不同的半径.
例如:
以下是引用片段：
settings = {
tl: { radius: 20 },
tr: { radius: 40 },
bl: { radius: 60 },
br: { radius: 80 },
antiAlias: true,
autoPad: false
}
或者:
settings = {
tl: { radius: 20 },
tr: false,
bl: false,
br: { radius: 80 },
antiAlias: true,
autoPad: false
}
rounded_corners.js
⑽ WebStorm的页面怎样在浏览器中预览效果
首先，我们打开自己的WebStrom软件，打开项目，找到任意一个.html的文件。
我们选中某个html文件，然后右击，在弹出的菜单中有一项是“run ***.html”，
点击之后，我们电脑上默认的浏览器就会自动打开这个页面，并且该页面有配置好的服务器。
刚才提示“run ***.html”的文字后面括号内有（Ctrl+Shift+F10），这个是快捷键，我们可以在选中html文件后，同时按住键盘上的这三个键来在浏览器中打开页面。
以上都是没有编辑html文件，只是在目录中时的操作，当我们在WebStorm中打开了html文件后，还有另一种快捷操作方式。
WebStorm软件的右上角有一个显示当前文件名称的部分，后面紧挨着的一个绿色三角形，点击绿色三角就可以在浏览器中显示页面，或者按下提示的Shift+F10快捷键。
还有一个更直观的方法，我们将鼠标悬停到文件编辑区域的右上角，会浮现出几个主流浏览器的图标，有些我们电脑上并没有安装，只要随意点击电脑上已经安装的浏览器，就会在相应的浏览器中展现相应的html页面。