وكانت كمائن المسلمين تهاجم مقدمة الجيش الصليبي ومؤخرته، وأمطروا قلب الجيش بالسهام
فكانوا يتساقطون على الطريق كما يتساقط ورق الشجر في فصل الخريف.
وصل الصليبيون إلى هضبة حطين الجافة، بينما كان المسلمون معسكرين في الوادي المعشب.
أمضى الصليبيون ليلتهم يشربون الخمر بدل الماء، وهم يسمعون المسلمين يرددون الأدعية و يهللون ويكبرون.
المعركة:
أضرم المسلمون النار في الأعشاب والشجيرات الجافة التي تغطي تل حطين، فاجتمع عليهم من البلاء حر العطش، وحرالشمس، وحرالنار، والدخان وحر السيف ...
كانت معنويات الصليبيين منهارة تمامًا، عندما تم تطويقهم تطويقًا كاملًا، ثم بدأ المسلمون الهجوم.
دار الصراع مريرًا بين الطرفين، كان قتال الفرنجة قتال اليائس، فلقي كثير منهم مصرعهم منذ الهجمة الأولى عليهم، وفضل كثير منهم الأسر، ولكن الفرسان منهم استماتوا في القتال وأظهروا شجاعة نادرة مستميتة، وصمدوا لحملات المسلمين عليهم، غير أن أعدادهم كانت تتناقص بعد كل هجمة من هجمات المسلمين، وبدأت قوتهم بالانهيار.
ولما فقد الملك (جاي) السيطرة على الموقف، حاول ريموند قائد الفرسان اقتحام خطوط المسلمين فحمل بكل قواته على القوات التي يقودها عمر بن أخي صلاح الدين، وكان عمر مدربًا على القتال، عارفًا فنون الحرب، فأفسح المجال لفرسانه فولى ريموند هاربًا مع فرسانه ... خرجت بذلك قوة الفرسان من المعركة فتدهورت الروح المعنوية الصليبية وسقطت خيمة الملك، واستولى المسلمون على صليب الصلبوت، وهي الخشبة التي يعتقد النصارى هذا الاعتقاد الفاسد أن المسيح عليه السلام قد صلب عليها واشتد القتال من سائر الجهات .... فتخلى المقاتل عن سيفه واستسلم.
استقبل صلاح الدين في خيمته كبار الاسرى، وطلب الملك جاي كأسًا من الماء، ولما تناوله قدمه إلى أرناط فقال صلاح الدين: أنت الذي تسقيه، وأما أنا، فلا.
قال أرناط: عفوك أيها السلطان، أنا أعترف بذنبي.
قال صلاح الدين: أنت قتلت الحجاج، وأخفت المدينة المنورة، لقد أقسمت إن أظفرني الله عليك أن أقتلك بيدي، والآن أبر بقسمي، ثم ضربه بالسف وفصل رأسه عن جسده.
كانت معركة حطين مفتاح بيت المقدس، حيث انكسرت القوة الرئيسية في الشرق الإسلامي.
استعداد الصليبيين:
واستعد الصليبيون للدفاع عن القدس، وكان البطريرك هرقل يتولى هذا الدفاع، يساعده من نجا من حطين، وحشدوا بالقدس جموعًا كلها ترى الموت أهون من أن يملك المسلمون بيت المقدس.