สร้างข่าวสัญลักษณ์ด้วย PHP และ jQuery ข่าว Ticker

คุณสัญญาว่าเพื่อนจะช่วยให้เขาสร้างเว็บไซต์ที่สวยงามสำหรับธุรกิจของเขา ฉันรู้ว่าคุณมีให้ฉันเวลาอย่างน้อยสามหรือสี่ของหลักสูตรอยู่เสมอในการทำงานที่เลวร้ายที่สุดที่พูด

โดยปกติการร้องขออยู่ในระดับต่ำที่เริ่มต้น :."ผมจำเป็นต้องมีจอแสดงผลแบบคงที่มี ... คุณทำให้ฉันสองวันสามปีของรหัสของ Visual Studio ตัวอย่างและอื่น ๆ แต่โปรแกรมเมอร์ที่รู้ว่าใจของเพื่อนที่บางครั้ง ในความเชื่อที่ดีอื่น ๆ , บิตน้อย

เมื่อคุณเข้าใจว่าผมอีกครั้งในสถานการณ์ที่ละเอียดอ่อนนี้และขอให้ไม่คาดว่าเวลานี้เป็นข่าวเกี่ยวกับการใช้สัญลักษณ์. โดยทั่วไปดีเลวร้ายยิ่งกว่าที่ฉันคิดดังนั้นฉันได้รับการทำงานที่จะลองสิ่งที่ดีและปรับแต่ง
ที่แรกที่ผมพบการค้นหาเว็บไซต์ของ Google JQuery ข่าว Ticker . โน้มน้าวใจฉัน
'S HTML เพื่อสร้างง่าย, เอกสารดีเขียน, การปล่อย ตอนนี้ว่าขั้นตอนแรกไปที่ปัญหาที่สองคือแก้ไข : เพื่อนของฉันไม่ได้มีฐานข้อมูลที่ ...

การแก้ปัญหา

หากมีฐานข้อมูลที่มักจะสามารถใช้ไฟล์ข้อความสำหรับข่าวโชคดีที่เพื่อนของฉันรู้วิธีการใช้'FTP, ปัญหาเดียวคือการทำให้แน่ใจว่ามันไม่ควรจะเสียเวลามากเกินไปในการสร้างข่าวของเขาเอง ฉันเลือกสำหรับสถานที่นี้ :

มันจะเป็นเรื่องง่ายที่จะนำข่าวเป็นแฟ้มข้อความที่เรียบง่ายภายใต้โฟลเดอร์ที่มีชื่อเดียวกันและภาพลงในโฟลเดอร์ย่อยภาพ One caveat : ชื่อเดียวกันสำหรับข่าวและภาพของ (ยกเว้นกรณีที่ส่วนขยาย)

สำหรับส่วนที่เหลือก็คือการมีโฟลเดอร์ที่จะนำคลาสที่เป็นชั้นเดียวที่มีการใช้โฟลเดอร์ jQuery JS, Ticker ที่เริ่มต้นของแฟ้มและโฟลเดอร์สำหรับลักษณะ CSS

ผ่านทางนอกจากนี้ยังแนบภาพหน้าจอของการสร้างคราสโครงการ

JS

นอกจากนี้ล่าสุด JQuery (1.6.1 เวลาที่เขียน) ฉันจะใช้แพคเกจ JQuery ข่าว Ticker jquery.ticker.js ไฟล์ คุณไม่ควรเปลี่ยนอะไรฉันจะสร้างเพียงหนึ่งไฟล์เพื่อเริ่มต้นใช้สัญลักษณ์ที่ newsloader.js พร้อม DOM

newsloader.js

 / / DOM พร้อม







 $ ฟังก์ชัน (() {



  



 / / สร้างสัญลักษณ์



  



 $ ('# JS - ข่าว') ทิกเกอร์. ({



    



 ajaxFeed : false, / /​​ ฟีดไม่มี



    



 htmlFeed : จริง, / /​​ html เป็น



    



 titleText :'ข่าว', / /​​ สัญลักษณ์



    



 DisplayType :'จาง', / /​​ เปิดเผยหรือจางหายไป, จางหายไปเลือก



    



 ทิศทาง :'ลิตร', / ทิศทาง / สัญลักษณ์



    



 pauseOnItems : 5000, / /​​ ใช้เวลาในการอ่านข่าวที่นาวิเกเตอร์!



    



 fadeInSpeed​​ : 600, ความเร็ว / / จางหายใน



    



 fadeOutSpeed​​ : ความเร็ว 300 / / จางหายออก



  



 });







 });

สคริปต์ที่จะมีการสร้างสัญลักษณ์เพื่อ DOM พร้อมผ่านตัวเลือกที่มีประโยชน์โดยเฉพาะอย่างยิ่งในกรณีนี้ผมเลือกที่จะใช้จางหายและจะไม่เปิดเผยความงามทางเลือกที่แท้จริง
หมายเหตุ : การแสดงผลของการสร้าง"เขียนใน"ที่ไม่มากพิมพ์ดีด
อีก pauseOnItems ตั้งค่าที่สำคัญฉันตั้ง 5 วินาทีเพื่อให้เวลาสำหรับผู้อ่านที่จะได้รับที่ด้านล่างของข่าวที่

• <<
• 1
• 2
• 3
• 4
• 5
• >>