流程圖制作步驟如下:
目前創(chuàng)新互聯(lián)公司已為上千家的企業(yè)提供了網(wǎng)站建設、域名、虛擬空間、網(wǎng)站托管運營、企業(yè)網(wǎng)站設計、海東網(wǎng)站維護等服務,公司將堅持客戶導向、應用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
工具/原料:Dell游匣G15、win10、PowerPoint 2016
1、首先打開ppt的主界面,選擇一張幻燈片。
2、接著點擊頂部菜單欄中的插入菜單。
3、展開點擊SmartArt。
4、在彈出的對話框中選擇流程這個菜單。
5、在右側選擇自己喜歡的流程圖的樣式,然后點擊確定。
6、這樣就成功地在幻燈片中插入了一個流程圖。
7、但是流程圖的內(nèi)容是默認的,可以自定義里面的內(nèi)容。
溫馨提示:在流程圖制作時盡量簡化流程內(nèi)容,但在簡化過程中不能把重要內(nèi)容去除,或添加一些不相關且無意義的內(nèi)容,這樣反而使流程圖變得復雜不易理解。
首先我們看一下css偽元素是什么:
CSS 偽元素用于向某些選擇器設置特殊效果。
偽元素有哪些:
:first-line 偽元素:"first-line" 偽元素用于向文本的首行設置特殊樣式。
:first-letter 偽元素:"first-letter" 偽元素用于向文本的首字母設置特殊樣式。
:before 偽元素:":before" 偽元素可以在元素的內(nèi)容前面插入新內(nèi)容。
:after 偽元素:":after" 偽元素可以在元素的內(nèi)容之后插入新內(nèi)容。
偽元素例子:
.flow_ball1:after {
content: "";
position: absolute;
top: 50%;
margin-top: -1px;
left: 100%;
margin-left: 0.133333rem;
width: 1.786667rem;
height: 2px;
background-color: #ff6600;
border-radius: 0.053333rem;
在名為flow_ball1的class標簽后面添加一道橘色橫線(類似于流程圖那種)
那么,問題來了,怎么用jquery改變偽元素的樣式呢?
答案在這里:
$('.flow_ball1').append("style#fafang::after{display:none}/style");
圓形可以用div或span,然后用CSS樣式中的border-radius,箭頭可以用圖片,差不多的箭頭旋轉后就可以達到效果