1. 如果用web來做菜單價格表
web是可以做菜單價格表的
WebService是一個平台獨立的,低耦合的,自包含的、基於可編程的web的應用程序,可使用開放的XML(標准通用標記語言下的一個子集)標准來描述、發布、發現、協調和配置這些應用程序,用於開發分布式的交互操作的應用程序。
WebService技術,能使得運行在不同機器上的不同應用無須藉助附加的、專門的第三方軟體或硬體,就可相互交換數據或集成。依據WebService規范實施的應用之間,無論它們所使用的語言、平台或內部協議是什麼,都可以相互交換數據。WebService是自描述、自包含的可用網路模塊,可以執行具體的業務功能。WebService也很容易部署,因為它們基於一些常規的產業標准以及已有的一些技術,諸如標准通用標記語言下的子集XML、HTTP。WebService減少了應用介面的花費。WebService為整個企業甚至多個組織之間的業務流程的集成提供了一個通用機制。
2. 在 web 中,實現動畫的方式有哪些各自的利弊如何
在Web里做動畫選擇其實已經很多了:
可以用 Flash 技術來做動畫;
可以用 GIF 來做一個無需交互的動畫;
可以用 CSS3 的 animation;
也可以用 CSS3 的 transition;
也可以用 SVG 來做動畫;
甚至 CSS2 的hover也可以實現簡單的動畫;
還可以用通過在 Canvas 上作圖來實現動畫;
也可以藉助jQuery.animate方便地實現動畫;
Flash動畫
不可否認,目前為止,Flash製作的動畫在互聯網還是占據了龐大的數量,幾乎可以實現任何你想要的動畫,甚至很多復雜的游戲都是用Flash實現,如果不是隨著移動端的興起,估計Flash會一直火熱下去。
GIF動畫
在以前,對於一些廣告動畫和一些小的icon動畫之類的,GIF確實是不錯的選擇,體積還可以接受,製作也簡單。但有GIF有一個致命的弱點就是不支持交互以及高清晰度的渲染,逐步的被JS和CSS3所替代。
CSS Hover動畫
通過:hover我們可以實現一個滑動逐級展現的菜單,雖然非常簡單,但這個是動畫的雛形,在hover中,我們幾乎可以為元素應用所有的css屬性,並且兼容性不錯。不過在ie6下只有a標簽支持:hover。
Javscript動畫
因為沒有其它可用的實現方式,最初的前端動畫都是JS來實現,實現上就是通過一個定時器setInterval每隔一定時間來改變元素的樣式,動畫結束時clearInterval即可。
盡管這種方式動畫的可控性很強,但是問題也很明顯:
1.性能不佳,因為需要不斷獲取和修改Dom的布局,所以導致了大量頁面重排(repaint)。
2.缺乏標准,不同的庫使用了不同的API,導致即使是簡單的動畫也有各不相同的實現方式,調整起來比較耗時。
3.帶寬消耗,一個簡單動畫也需要引入一個類庫,相對豐富的動畫,代碼量都很大,結果就是增加了http請求的大小,降低了頁面的載入時間。
CSS3動畫
CSS3動畫相比與JS更輕量,性能更好,更易於實現,同時也不必擔心缺乏標准和增加帶寬消耗的問題。animation 相比 transtion 使用起來更為復雜,但也提供了更多的控制,其中最重要的就是 frame 的支持,不過通過一些簡單的JS庫
3. Web程序設計二級下拉菜單頁面怎麼做
Web程序設計二級下拉菜單頁面做法:
以純CSS為例:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style>
*{
margin:0px;
padding:0px;
}
#menu
{
width:500px;
height:38px;
margin:5px auto;
}
#menu ul
{
height:38px;
list-style:none;
margin:0;
padding:0;
}
#menu li
{
float:left;
}
#menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:38px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
#menu li a:hover{
color:#000000;
text-decoration:none;
}
#menu li ul{
background: #ECE9E9;
border:1px solid #D8D8D8;
display:none;
height:auto;
position:relative;
left:20px;
width:100px;
z-index:200;
}
#menu li ul li
{
margin-left:0px;
height:38px;
}
#menu li:hover ul{
display:block;
}
#menu li li {
display:block;
float:none;
width:100px;
}
#menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
#menu li ul a:hover{
background:#555;
color:#fff;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">無下拉狀態</a></li>
<li><a href="#">有下拉狀態</a>
<ul>
<li><a href="#">選項1</a></li>
<li><a href="#">選項2</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
4. 我是剛做java web開發,想問一下,後台管理界面左邊的菜單如何動態添加和刪除,並進行許可權管理,謝謝!
剛做web個人不建議你考慮這個問題,靈活的菜單許可權配置還是有點復雜的,表就要好幾張。
5. web設計中用ul和li寫的菜單如何定位,動態的進行增加刪除
function tog(id)
{
var obj=document.getElementById(id);
if(obj.style.display=="none")
{
obj.style.display="";
}
else
{
obj.style.display="none";
}
}
6. WEB 頁上的自動展開菜單如何做啊
可以做的
http://www.stonemx.com/blog/archives/2006/20065514568.html
7. 目前製作在網頁中可以定製樣式且帶有動畫效果的彈出式菜單最流行的方式是什麼
jq插件,非常簡單易用。
8. 網頁設計製作詳細流程
分析如下:
1、首先下載安裝Dreamweaver,打開後,新建一個網頁,一般選擇「HTML」建立網頁。選擇「經典」界面,有助於我們更便捷使用這個軟體。
(8)web動態菜單製作擴展閱讀:
網頁設計
設計網站要注意兩個要點:整體風格和色彩搭配。
風格
網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題,任何兩人都不可能設計出完全一樣的網站。
風格(Style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI(標志、色彩、字體、標語)、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。
色彩搭配
無論是平面設計,還是網頁設計,色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候,我們看到的不是優美的版式或者是美麗的圖片,而是網頁的色彩。
網頁配色小技巧:
1.用一種色彩:這里是指先選定一種色彩,然後調整透明度或者飽和度,這樣的頁面看起來色彩統一,有層次感;
2.用兩種色彩:先選定一種色彩,然後選擇它的對比色;
3.用一個色系:簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。
在網頁配色中,還要切記一些誤區:
1.不要將所有顏色都用到,盡量控制在三至五種色彩以內;
2.背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。
9. web 開發動態菜單如何實現
<div id="exhib_1" class="border">
<div class="title">
<h2>
認證公告:</h2>
<div class="clear">
</div>
</div>
<div id="rolllink" style="overflow: hidden; padding-left: 10px; width: 250px; height: 130px">
<div id="rolllink1">
<ul class="midContent list">
<LI>綁定數據</LI>
<LI>綁定數據</LI>
<LI>綁定數據</LI>
<LI>綁定數據</LI>
<LI>綁定數據</LI>
<LI>綁定數據</LI>
<LI>綁定數據</LI>
<LI>綁定數據</LI>
</ul>
</div>
<div id="rolllink2">
</div>
</div>
<script type="text/javascript">
var rollspeed=40
rolllink2.innerHTML=rolllink1.innerHTML
function Marquee(){
if(rolllink2.offsetTop-rolllink.scrollTop<=0)
rolllink.scrollTop-=rolllink1.offsetHeight
else{
rolllink.scrollTop++
}
}
var MyMar=setInterval(Marquee,rollspeed)
rolllink.onmouseover=function()
rolllink.onmouseout=function()
</script>
</div>
10. asp.net mvc3 動態菜單怎麼實現
asp.net mvc3 動態菜單實現方法如下:
1、查看代碼
@{
ViewBag.Title = "Elixir ERP V1.0 Beta";
Layout = "~/Views/Shared/_LayoutUser.cshtml";
}
<div class="main-container">
<div class="main-wrapper">
<div class="scroll-top">
<a href="#" class="tip-top" title="Go Top"><i
class="icon-arrow-up"></i></a>
</div>
<div class="left-bar merge-left">
<!-- SEARCH BAR -->
<!-- LEFT NAV -->
@section leftnav{
}
</div>
</div>
<div class="container">
</div>
</div>
2、菜單模型
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace Elixir.Models
{
public class Menu
{
public Menu()
{
MenuItems = new List<MenuItem>();
}
public int Id { get; set; }
public string Name { get; set; }
public List<MenuItem> MenuItems { get; set; }
}
}
3、菜單項
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace Elixir.Models
{
public class MenuItem
{
public int Id { get; set; }
public int UserName { get; set; }
public string Name { get; set; }
public string ActionName { get; set; }
public string ControllerName { get; set; }
public string Url { get; set; }
public Menu ParentMenu { get; set; }
}
}
4、導航模型結構
<div class="left-nav">
<ul class="side-navigation accordion"
id="nav-accordion">
<li><a href="#"><i
class="icon-home"></i>Home</a></li>
<li><a href="#"><i class="icon-list-alt"></i>User
Management</a>
<ul><li><a href="#"><i
class="icon-double-angle-right"></i>Create New User</a></li>
<li><a href="#"><i
class="icon-double-angle-right"></i>Manage Users</a></li>
<li><a href="#"><i
class="icon-double-angle-right"></i>View Users</a></li>
</ul>
</li>
<li><a href="#"><i
class="icon-table-2"></i>Employee Management</a>
<ul>
<li><a href="#"><i
class="icon-double-angle-right"></i>Employee Registration</a></li>
<li><a href="#"><i
class="icon-double-angle-right"></i>Manage Employees</a></li>
<li><a href="#"><i
class="icon-double-angle-right"></i>View Employees</a></li>
</ul>
</li>
<li><a href="#"><i class="icon-columns"></i>DMIT
Management</a>
<ul>
<li><a href="#"><i
class="icon-double-angle-right"></i>Scan Management</a></li>
<li><a href="#"><i
class="icon-double-angle-right"></i>Report Generation</a></li>
</ul>
</li>
<li><a href="#"><i
class="icon-laptop"></i>Franchise Management </a>
<ul>
<li><a href="#"><i
class="icon-double-angle-right"></i>Franchise Registration</a></li>
<li><a href="#"><i
class="icon-double-angle-right"></i>Franchise Fee Management</a></li>
<li><a href="#"><i
class="icon-double-angle-right"></i>Franchise Account
Management</a></li>
</ul>
</li>
<li><a href="#"><i class="icon-font"></i>Customer
Management </a>
<ul>
<li><a href="#"><i
class="icon-double-angle-right"></i>Customer Registration</a></li>
<li><a href="#"><i
class="icon-double-angle-right"></i>Manage Customer</a></li>
</ul>
</li>
<li><a href="#"><i
class="icon-cord"></i>Counseling Management</a>
<ul>
<li><a href="#"><i
class="icon-double-angle-right"></i>Add Counseling Session</a></li>
<li><a href="#"><i
class="icon-double-angle-right"></i>Manage Counseling
Sessions</a></li>
</ul>
</li>
<li><a href="#"><i
class="icon-tools"></i>Accounts</a>
<ul>
<li><a href="#"><i
class="icon-double-angle-right"></i>Manage Income</a></li>
<li><a href="#"><i
class="icon-double-angle-right"></i>Manage Expense</a></li>
</ul>
</li>
<li><a href="#"><i
class="icon-files"></i>Reports</a>
<ul>
<li><a href="#"><i
class="icon-double-angle-right"></i>Elxir Monthly Reports</a></li>
<li><a href="#"><i
class="icon-double-angle-right"></i>Elixir Yearly Reports</a></li>
<li><a href="#"><i
class="icon-double-angle-right"></i>Franchise Monthly
Reports</a></li>
<li><a href="#"><i
class="icon-double-angle-right"></i>Franchise yearly Reports</a></li>
</ul>
</li>
</ul>
</div>